From 9436f5feee7772bdb1e7026c4c2c4701dc145654 Mon Sep 17 00:00:00 2001 From: juetan Date: Thu, 11 Jan 2024 21:18:49 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E8=B7=AF=E7=94=B1?= =?UTF-8?q?=E6=9D=83=E9=99=90=E9=80=BB=E8=BE=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitea/stat.html | 60 ++++++++++--------- index.html | 7 ++- scripts/vite/plugin-extension.ts | 36 +++++++++++ scripts/vite/{plugin.ts => plugin-info.ts} | 44 +++++--------- src/App.vue | 43 +++++++------ .../bread-crumb.vue | 0 .../bread-page.vue | 6 +- .../{editor => AnEditor}/blocks/date/index.ts | 0 .../blocks/date/interface.ts | 0 .../blocks/date/option.vue | 0 .../blocks/date/render.vue | 0 .../{editor => AnEditor}/blocks/font/index.ts | 0 .../blocks/font/interface.ts | 0 .../blocks/font/option.vue | 0 .../blocks/font/render.vue | 0 .../blocks/image/index.ts | 0 .../blocks/image/interface.ts | 0 .../blocks/image/option.vue | 0 .../blocks/image/render.vue | 7 ++- .../{editor => AnEditor}/blocks/index.ts | 0 .../{editor => AnEditor}/blocks/text/index.ts | 0 .../blocks/text/interface.ts | 0 .../blocks/text/marquee.vue | 0 .../blocks/text/option.vue | 0 .../blocks/text/render.vue | 0 .../{editor => AnEditor}/blocks/time/index.ts | 0 .../blocks/time/interface.ts | 0 .../blocks/time/option.vue | 0 .../blocks/time/render.vue | 0 .../blocks/video/index.ts | 0 .../blocks/video/interface.ts | 0 .../blocks/video/option.vue | 0 .../blocks/video/render.vue | 5 +- .../components/BaseOption.vue | 0 .../components/ColorPicker.vue | 1 + .../components/ContextMenu.vue | 0 .../components/ContextMenuList.vue | 0 .../components/DragResizer.vue | 0 .../components/Editor.vue | 11 +--- .../components/EditorConfig.vue | 0 .../components/EditorHeader.vue | 0 .../components/EditorLeft.vue | 0 .../components/EditorMain.vue | 0 .../components/EditorMainBlock.vue | 0 .../components/EditorMainHeader.vue | 0 .../components/EditorPreview.vue | 0 .../components/EditorRight.vue | 0 .../components/EditorSetting.vue | 0 .../components/ImagePicker.vue | 0 .../components/InputColor.vue | 0 .../components/InputImage.vue | 0 .../components/InputTexter.vue | 0 .../{editor => AnEditor}/core/block.ts | 0 .../{editor => AnEditor}/core/blocker.ts | 0 .../{editor => AnEditor}/core/container.ts | 0 .../{editor => AnEditor}/core/editor.ts | 0 .../{editor => AnEditor}/core/index.ts | 0 .../{editor => AnEditor}/core/ref-line.ts | 10 ++-- .../{editor => AnEditor}/core/scene.ts | 0 src/components/{editor => AnEditor}/index.ts | 0 .../{editor => AnEditor}/utils/closest.ts | 0 .../{editor => AnEditor}/utils/mock.ts | 0 src/components/AnForm/utils/useFormModel.tsx | 3 +- src/components/AnViewer/AnAudio.vue | 9 ++- src/components/AnViewer/AnViewer.vue | 2 +- src/pages/[..._all]/index.vue | 1 + src/pages/_demo/index.vue | 21 +++++++ src/pages/_layout/Menu.vue | 4 +- src/pages/_layout/index.vue | 9 +-- src/pages/_login/index.vue | 1 + src/pages/content/index.vue | 2 +- .../dev/editor/{components => }/data.json | 0 .../dev/editor/{components => }/editor.vue | 0 src/pages/dev/editor/index.vue | 30 +++++----- .../dev/editor/{components => }/page.ejs | 0 src/pages/dev/nav/index.vue | 3 +- src/pages/log/index.vue | 8 +-- src/pages/log/login/index.vue | 6 +- src/pages/setting/common/index.vue | 2 +- src/pages/setting/mail/index.vue | 2 +- src/pages/system/department/index.vue | 2 +- src/pages/system/index.vue | 4 +- src/pages/system/role/index.vue | 2 +- src/pages/system/user/index.vue | 5 +- src/router/guards/auth.ts | 12 +--- src/router/routes/page.ts | 3 - src/types/auto-component.d.ts | 48 +++++++-------- src/types/auto-router.d.ts | 1 + vite.config.ts | 31 ++++++---- 89 files changed, 239 insertions(+), 202 deletions(-) create mode 100644 scripts/vite/plugin-extension.ts rename scripts/vite/{plugin.ts => plugin-info.ts} (62%) rename src/components/{breadcrumb => AnBreadcrumb}/bread-crumb.vue (100%) rename src/components/{breadcrumb => AnBreadcrumb}/bread-page.vue (81%) rename src/components/{editor => AnEditor}/blocks/date/index.ts (100%) rename src/components/{editor => AnEditor}/blocks/date/interface.ts (100%) rename src/components/{editor => AnEditor}/blocks/date/option.vue (100%) rename src/components/{editor => AnEditor}/blocks/date/render.vue (100%) rename src/components/{editor => AnEditor}/blocks/font/index.ts (100%) rename src/components/{editor => AnEditor}/blocks/font/interface.ts (100%) rename src/components/{editor => AnEditor}/blocks/font/option.vue (100%) rename src/components/{editor => AnEditor}/blocks/font/render.vue (100%) rename src/components/{editor => AnEditor}/blocks/image/index.ts (100%) rename src/components/{editor => AnEditor}/blocks/image/interface.ts (100%) rename src/components/{editor => AnEditor}/blocks/image/option.vue (100%) rename src/components/{editor => AnEditor}/blocks/image/render.vue (73%) rename src/components/{editor => AnEditor}/blocks/index.ts (100%) rename src/components/{editor => AnEditor}/blocks/text/index.ts (100%) rename src/components/{editor => AnEditor}/blocks/text/interface.ts (100%) rename src/components/{editor => AnEditor}/blocks/text/marquee.vue (100%) rename src/components/{editor => AnEditor}/blocks/text/option.vue (100%) rename src/components/{editor => AnEditor}/blocks/text/render.vue (100%) rename src/components/{editor => AnEditor}/blocks/time/index.ts (100%) rename src/components/{editor => AnEditor}/blocks/time/interface.ts (100%) rename src/components/{editor => AnEditor}/blocks/time/option.vue (100%) rename src/components/{editor => AnEditor}/blocks/time/render.vue (100%) rename src/components/{editor => AnEditor}/blocks/video/index.ts (100%) rename src/components/{editor => AnEditor}/blocks/video/interface.ts (100%) rename src/components/{editor => AnEditor}/blocks/video/option.vue (100%) rename src/components/{editor => AnEditor}/blocks/video/render.vue (69%) rename src/components/{editor => AnEditor}/components/BaseOption.vue (100%) rename src/components/{editor => AnEditor}/components/ColorPicker.vue (99%) rename src/components/{editor => AnEditor}/components/ContextMenu.vue (100%) rename src/components/{editor => AnEditor}/components/ContextMenuList.vue (100%) rename src/components/{editor => AnEditor}/components/DragResizer.vue (100%) rename src/components/{editor => AnEditor}/components/Editor.vue (96%) rename src/components/{editor => AnEditor}/components/EditorConfig.vue (100%) rename src/components/{editor => AnEditor}/components/EditorHeader.vue (100%) rename src/components/{editor => AnEditor}/components/EditorLeft.vue (100%) rename src/components/{editor => AnEditor}/components/EditorMain.vue (100%) rename src/components/{editor => AnEditor}/components/EditorMainBlock.vue (100%) rename src/components/{editor => AnEditor}/components/EditorMainHeader.vue (100%) rename src/components/{editor => AnEditor}/components/EditorPreview.vue (100%) rename src/components/{editor => AnEditor}/components/EditorRight.vue (100%) rename src/components/{editor => AnEditor}/components/EditorSetting.vue (100%) rename src/components/{editor => AnEditor}/components/ImagePicker.vue (100%) rename src/components/{editor => AnEditor}/components/InputColor.vue (100%) rename src/components/{editor => AnEditor}/components/InputImage.vue (100%) rename src/components/{editor => AnEditor}/components/InputTexter.vue (100%) rename src/components/{editor => AnEditor}/core/block.ts (100%) rename src/components/{editor => AnEditor}/core/blocker.ts (100%) rename src/components/{editor => AnEditor}/core/container.ts (100%) rename src/components/{editor => AnEditor}/core/editor.ts (100%) rename src/components/{editor => AnEditor}/core/index.ts (100%) rename src/components/{editor => AnEditor}/core/ref-line.ts (98%) rename src/components/{editor => AnEditor}/core/scene.ts (100%) rename src/components/{editor => AnEditor}/index.ts (100%) rename src/components/{editor => AnEditor}/utils/closest.ts (100%) rename src/components/{editor => AnEditor}/utils/mock.ts (100%) create mode 100644 src/pages/_demo/index.vue rename src/pages/dev/editor/{components => }/data.json (100%) rename src/pages/dev/editor/{components => }/editor.vue (100%) rename src/pages/dev/editor/{components => }/page.ejs (100%) diff --git a/.gitea/stat.html b/.gitea/stat.html index bad0497..53a1228 100644 --- a/.gitea/stat.html +++ b/.gitea/stat.html @@ -136,6 +136,10 @@ main { .module-filter + .module-filter { margin-left: 0.5rem; } + +.node { + cursor: pointer; +} @@ -145,9 +149,9 @@ main { var drawChart = (function (exports) { 'use strict'; - var n,l$1,u$1,t$1,o$2,r$1,f$1,e$1,c$1={},s$1=[],a$1=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,v$1=Array.isArray;function h$1(n,l){for(var u in l)n[u]=l[u];return n}function p$1(n){var l=n.parentNode;l&&l.removeChild(n);}function y$1(l,u,i){var t,o,r,f={};for(r in u)"key"==r?t=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return d$1(l,f,t,o,null)}function d$1(n,i,t,o,r){var f={type:n,props:i,key:t,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==r?++u$1:r};return null==r&&null!=l$1.vnode&&l$1.vnode(f),f}function k$1(n){return n.children}function b$1(n,l){this.props=n,this.context=l;}function g$1(n,l){if(null==l)return n.__?g$1(n.__,n.__.__k.indexOf(n)+1):null;for(var u;ll&&t$1.sort(f$1));x.__r=0;}function P(n,l,u,i,t,o,r,f,e,a){var h,p,y,_,b,m,w,x=i&&i.__k||s$1,P=x.length;for(u.__k=[],h=0;h0?d$1(_.type,_.props,_.key,_.ref?_.ref:null,_.__v):_)){if(_.__=u,_.__b=u.__b+1,null===(y=x[h])||y&&_.key==y.key&&_.type===y.type)x[h]=void 0;else for(p=0;p=0;l--)if((u=n.__k[l])&&(i=A(u)))return i;return null}function H(n,l,u,i,t){var o;for(o in u)"children"===o||"key"===o||o in l||T$1(n,o,null,u[o],i);for(o in l)t&&"function"!=typeof l[o]||"children"===o||"key"===o||"value"===o||"checked"===o||u[o]===l[o]||T$1(n,o,l[o],u[o],i);}function I(n,l,u){"-"===l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||a$1.test(l)?u:u+"px";}function T$1(n,l,u,i,t){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof i&&(n.style.cssText=i=""),i)for(l in i)u&&l in u||I(n.style,l,"");if(u)for(l in u)i&&u[l]===i[l]||I(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/Capture$/,"")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?i||n.addEventListener(l,o?z$1:j$1,o):n.removeEventListener(l,o?z$1:j$1,o);else if("dangerouslySetInnerHTML"!==l){if(t)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!==l&&"height"!==l&&"href"!==l&&"list"!==l&&"form"!==l&&"tabIndex"!==l&&"download"!==l&&"rowSpan"!==l&&"colSpan"!==l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||!1===u&&"-"!==l[4]?n.removeAttribute(l):n.setAttribute(l,u));}}function j$1(n){return this.l[n.type+!1](l$1.event?l$1.event(n):n)}function z$1(n){return this.l[n.type+!0](l$1.event?l$1.event(n):n)}function L(n,u,i,t,o,r,f,e,c){var s,a,p,y,d,_,g,m,w,x,C,S,$,A,H,I=u.type;if(void 0!==u.constructor)return null;null!=i.__h&&(c=i.__h,e=u.__e=i.__e,u.__h=null,r=[e]),(s=l$1.__b)&&s(u);try{n:if("function"==typeof I){if(m=u.props,w=(s=I.contextType)&&t[s.__c],x=s?w?w.props.value:s.__:t,i.__c?g=(a=u.__c=i.__c).__=a.__E:("prototype"in I&&I.prototype.render?u.__c=a=new I(m,x):(u.__c=a=new b$1(m,x),a.constructor=I,a.render=B$1),w&&w.sub(a),a.props=m,a.state||(a.state={}),a.context=x,a.__n=t,p=a.__d=!0,a.__h=[],a._sb=[]),null==a.__s&&(a.__s=a.state),null!=I.getDerivedStateFromProps&&(a.__s==a.state&&(a.__s=h$1({},a.__s)),h$1(a.__s,I.getDerivedStateFromProps(m,a.__s))),y=a.props,d=a.state,a.__v=u,p)null==I.getDerivedStateFromProps&&null!=a.componentWillMount&&a.componentWillMount(),null!=a.componentDidMount&&a.__h.push(a.componentDidMount);else {if(null==I.getDerivedStateFromProps&&m!==y&&null!=a.componentWillReceiveProps&&a.componentWillReceiveProps(m,x),!a.__e&&null!=a.shouldComponentUpdate&&!1===a.shouldComponentUpdate(m,a.__s,x)||u.__v===i.__v){for(u.__v!==i.__v&&(a.props=m,a.state=a.__s,a.__d=!1),a.__e=!1,u.__e=i.__e,u.__k=i.__k,u.__k.forEach(function(n){n&&(n.__=u);}),C=0;C2&&(f.children=arguments.length>3?n.call(arguments,2):t),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return d$1(l,f,i,o,null)}function d$1(n,t,i,o,r){var f={type:n,props:t,key:i,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:null==r?++u$2:r,__i:-1,__u:0};return null==r&&null!=l$1.vnode&&l$1.vnode(f),f}function g$1(n){return n.children}function b$1(n,l){this.props=n,this.context=l;}function m$1(n,l){if(null==l)return n.__?m$1(n.__,n.__i+1):null;for(var u;lu&&i$1.sort(f$2));x.__r=0;}function C(n,l,u,t,i,o,r,f,e,a,h){var v,p,y,d,_,g=t&&t.__k||s$1,b=l.length;for(u.__d=e,P(u,l,g),e=u.__d,v=0;v0?d$1(i.type,i.props,i.key,i.ref?i.ref:null,i.__v):i)?(i.__=n,i.__b=n.__b+1,f=H(i,u,r=t+a,s),i.__i=f,o=null,-1!==f&&(s--,(o=u[f])&&(o.__u|=131072)),null==o||null===o.__v?(-1==f&&a--,"function"!=typeof i.type&&(i.__u|=65536)):f!==r&&(f===r+1?a++:f>r?s>e-r?a+=f-r:a--:a=f(null!=e&&0==(131072&e.__u)?1:0))for(;r>=0||f=0){if((e=l[r])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return r;r--;}if(f=i.__.length&&i.__.push({__V:c}),i.__[t]}function h(n){return o=1,s(B,n)}function s(n,u,i){var o=d(t++,2);if(o.t=n,!o.__c&&(o.__=[i?i(u):B(void 0,u),function(n){var t=o.__N?o.__N[0]:o.__[0],r=o.t(t,n);t!==r&&(o.__N=[r,o.__[1]],o.__c.setState({}));}],o.__c=r,!r.u)){var f=function(n,t,r){if(!o.__c.__H)return !0;var u=o.__c.__H.__.filter(function(n){return n.__c});if(u.every(function(n){return !n.__N}))return !c||c.call(this,n,t,r);var i=!1;return u.forEach(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=!0);}}),!(!i&&o.__c.props===n)&&(!c||c.call(this,n,t,r))};r.u=!0;var c=r.shouldComponentUpdate,e=r.componentWillUpdate;r.componentWillUpdate=function(n,t,r){if(this.__e){var u=c;c=void 0,f(n,t,r),c=u;}e&&e.call(this,n,t,r);},r.shouldComponentUpdate=f;}return o.__N||o.__}function p(u,i){var o=d(t++,3);!l$1.__s&&z(o.__H,i)&&(o.__=u,o.i=i,r.__H.__h.push(o));}function y(u,i){var o=d(t++,4);!l$1.__s&&z(o.__H,i)&&(o.__=u,o.i=i,r.__h.push(o));}function _(n){return o=5,F(function(){return {current:n}},[])}function F(n,r){var u=d(t++,7);return z(u.__H,r)?(u.__V=n(),u.i=r,u.__h=n,u.__V):u.__}function T(n,t){return o=8,F(function(){return n},t)}function q(n){var u=r.context[n.__c],i=d(t++,9);return i.c=n,u?(null==i.__&&(i.__=!0,u.sub(r)),u.props.value):n.__}function b(){for(var t;t=f.shift();)if(t.__P&&t.__H)try{t.__H.__h.forEach(k),t.__H.__h.forEach(w),t.__H.__h=[];}catch(r){t.__H.__h=[],l$1.__e(r,t.__v);}}l$1.__b=function(n){r=null,e&&e(n);},l$1.__r=function(n){a&&a(n),t=0;var i=(r=n.__c).__H;i&&(u===r?(i.__h=[],r.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.__V=c,n.__N=n.i=void 0;})):(i.__h.forEach(k),i.__h.forEach(w),i.__h=[],t=0)),u=r;},l$1.diffed=function(t){v&&v(t);var o=t.__c;o&&o.__H&&(o.__H.__h.length&&(1!==f.push(o)&&i===l$1.requestAnimationFrame||((i=l$1.requestAnimationFrame)||j)(b)),o.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.__V!==c&&(n.__=n.__V),n.i=void 0,n.__V=c;})),u=r=null;},l$1.__c=function(t,r){r.some(function(t){try{t.__h.forEach(k),t.__h=t.__h.filter(function(n){return !n.__||w(n)});}catch(u){r.some(function(n){n.__h&&(n.__h=[]);}),r=[],l$1.__e(u,t.__v);}}),l&&l(t,r);},l$1.unmount=function(t){m&&m(t);var r,u=t.__c;u&&u.__H&&(u.__H.__.forEach(function(n){try{k(n);}catch(n){r=n;}}),u.__H=void 0,r&&l$1.__e(r,u.__v));};var g="function"==typeof requestAnimationFrame;function j(n){var t,r=function(){clearTimeout(u),g&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,100);g&&(t=requestAnimationFrame(r));}function k(n){var t=r,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r=t;}function w(n){var t=r;n.__c=n.__(),r=t;}function z(n,t){return !n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function B(n,t){return "function"==typeof t?t(n):t} - const PLACEHOLDER = "bundle-*:**/file/**,**/file**, bundle-*:"; + const PLACEHOLDER = "*/**/file.js"; const SideBar = ({ availableSizeProperties, sizeProperty, setSizeProperty, onExcludeChange, onIncludeChange, }) => { const [includeValue, setIncludeValue] = h(""); const [excludeValue, setExcludeValue] = h(""); @@ -680,11 +684,11 @@ var drawChart = (function (exports) { setExcludeValue(value); onExcludeChange(value); }; - return (o$1("aside", { className: "sidebar", children: [o$1("div", { className: "size-selectors", children: availableSizeProperties.length > 1 && + return (u$1("aside", { className: "sidebar", children: [u$1("div", { className: "size-selectors", children: availableSizeProperties.length > 1 && availableSizeProperties.map((sizeProp) => { const id = `selector-${sizeProp}`; - return (o$1("div", { className: "size-selector", children: [o$1("input", { type: "radio", id: id, checked: sizeProp === sizeProperty, onChange: handleSizePropertyChange(sizeProp) }), o$1("label", { htmlFor: id, children: LABELS[sizeProp] })] }, sizeProp)); - }) }), o$1("div", { className: "module-filters", children: [o$1("div", { className: "module-filter", children: [o$1("label", { htmlFor: "module-filter-exclude", children: "Exclude" }), o$1("input", { type: "text", id: "module-filter-exclude", value: excludeValue, onInput: handleExcludeChange, placeholder: PLACEHOLDER })] }), o$1("div", { className: "module-filter", children: [o$1("label", { htmlFor: "module-filter-include", children: "Include" }), o$1("input", { type: "text", id: "module-filter-include", value: includeValue, onInput: handleIncludeChange, placeholder: PLACEHOLDER })] })] })] })); + return (u$1("div", { className: "size-selector", children: [u$1("input", { type: "radio", id: id, checked: sizeProp === sizeProperty, onChange: handleSizePropertyChange(sizeProp) }), u$1("label", { htmlFor: id, children: LABELS[sizeProp] })] }, sizeProp)); + }) }), u$1("div", { className: "module-filters", children: [u$1("div", { className: "module-filter", children: [u$1("label", { htmlFor: "module-filter-exclude", children: "Exclude" }), u$1("input", { type: "text", id: "module-filter-exclude", value: excludeValue, onInput: handleExcludeChange, placeholder: PLACEHOLDER })] }), u$1("div", { className: "module-filter", children: [u$1("label", { htmlFor: "module-filter-include", children: "Include" }), u$1("input", { type: "text", id: "module-filter-include", value: includeValue, onInput: handleIncludeChange, placeholder: PLACEHOLDER })] })] })] })); }; function getDefaultExportFromCjs (x) { @@ -3091,13 +3095,13 @@ var drawChart = (function (exports) { if (width == 0 || height == 0) { return null; } - return (o$1("g", { className: "node", transform: `translate(${x0},${y0})`, onClick: (event) => { + return (u$1("g", { className: "node", transform: `translate(${x0},${y0})`, onClick: (event) => { event.stopPropagation(); onClick(node); }, onMouseOver: (event) => { event.stopPropagation(); onMouseOver(node); - }, children: [o$1("rect", { fill: backgroundColor, rx: 2, ry: 2, width: x1 - x0, height: y1 - y0, stroke: selected ? "#fff" : undefined, "stroke-width": selected ? 2 : undefined }), o$1("text", Object.assign({ ref: textRef, fill: fontColor, onClick: (event) => { + }, children: [u$1("rect", { fill: backgroundColor, rx: 2, ry: 2, width: x1 - x0, height: y1 - y0, stroke: selected ? "#fff" : undefined, "stroke-width": selected ? 2 : undefined }), u$1("text", Object.assign({ ref: textRef, fill: fontColor, onClick: (event) => { var _a; if (((_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.toString()) !== "") { event.stopPropagation(); @@ -3119,9 +3123,9 @@ var drawChart = (function (exports) { return nestedData; }, [root]); console.timeEnd("layering"); - return (o$1("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: `0 0 ${width} ${height}`, children: nestedData.map(({ key, values }) => { - return (o$1("g", { className: "layer", children: values.map((node) => { - return (o$1(Node, { node: node, onMouseOver: onNodeHover, selected: selectedNode === node, onClick: onNodeClick }, getModuleIds(node.data).nodeUid.id)); + return (u$1("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: `0 0 ${width} ${height}`, children: nestedData.map(({ key, values }) => { + return (u$1("g", { className: "layer", children: values.map((node) => { + return (u$1(Node, { node: node, onMouseOver: onNodeHover, selected: selectedNode === node, onClick: onNodeClick }, getModuleIds(node.data).nodeUid.id)); }) }, key)); }) })); }; @@ -3299,9 +3303,9 @@ var drawChart = (function (exports) { const Tooltip_marginX = 10; const Tooltip_marginY = 30; - const SOURCEMAP_RENDERED = (o$1("span", { children: [" ", o$1("b", { children: LABELS.renderedLength }), " is a number of characters in the file after individual and ", o$1("br", {}), " ", "whole bundle transformations according to sourcemap."] })); - const RENDRED = (o$1("span", { children: [o$1("b", { children: LABELS.renderedLength }), " is a byte size of individual file after transformations and treeshake."] })); - const COMPRESSED = (o$1("span", { children: [o$1("b", { children: LABELS.gzipLength }), " and ", o$1("b", { children: LABELS.brotliLength }), " is a byte size of individual file after individual transformations,", o$1("br", {}), " treeshake and compression."] })); + const SOURCEMAP_RENDERED = (u$1("span", { children: [" ", u$1("b", { children: LABELS.renderedLength }), " is a number of characters in the file after individual and ", u$1("br", {}), " ", "whole bundle transformations according to sourcemap."] })); + const RENDRED = (u$1("span", { children: [u$1("b", { children: LABELS.renderedLength }), " is a byte size of individual file after transformations and treeshake."] })); + const COMPRESSED = (u$1("span", { children: [u$1("b", { children: LABELS.gzipLength }), " and ", u$1("b", { children: LABELS.brotliLength }), " is a byte size of individual file after individual transformations,", u$1("br", {}), " treeshake and compression."] })); const Tooltip = ({ node, visible, root, sizeProperty, }) => { const { availableSizeProperties, getModuleSize, data } = q(StaticContext); const ref = _(null); @@ -3323,17 +3327,17 @@ var drawChart = (function (exports) { const mainUid = data.nodeParts[node.data.uid].metaUid; dataNode = data.nodeMetas[mainUid]; } - return (o$1(k$1, { children: [o$1("div", { children: path }), availableSizeProperties.map((sizeProp) => { + return (u$1(g$1, { children: [u$1("div", { children: path }), availableSizeProperties.map((sizeProp) => { if (sizeProp === sizeProperty) { - return (o$1("div", { children: [o$1("b", { children: [LABELS[sizeProp], ": ", format_1(mainSize)] }), " ", "(", percentageString, ")"] }, sizeProp)); + return (u$1("div", { children: [u$1("b", { children: [LABELS[sizeProp], ": ", format_1(mainSize)] }), " ", "(", percentageString, ")"] }, sizeProp)); } else { - return (o$1("div", { children: [LABELS[sizeProp], ": ", format_1(getModuleSize(node.data, sizeProp))] }, sizeProp)); + return (u$1("div", { children: [LABELS[sizeProp], ": ", format_1(getModuleSize(node.data, sizeProp))] }, sizeProp)); } - }), o$1("br", {}), dataNode && dataNode.importedBy.length > 0 && (o$1("div", { children: [o$1("div", { children: [o$1("b", { children: "Imported By" }), ":"] }), dataNode.importedBy.map(({ uid }) => { + }), u$1("br", {}), dataNode && dataNode.importedBy.length > 0 && (u$1("div", { children: [u$1("div", { children: [u$1("b", { children: "Imported By" }), ":"] }), dataNode.importedBy.map(({ uid }) => { const id = data.nodeMetas[uid].id; - return o$1("div", { children: id }, id); - })] })), o$1("br", {}), o$1("small", { children: data.options.sourcemap ? SOURCEMAP_RENDERED : RENDRED }), (data.options.gzip || data.options.brotli) && (o$1(k$1, { children: [o$1("br", {}), o$1("small", { children: COMPRESSED })] }))] })); + return u$1("div", { children: id }, id); + })] })), u$1("br", {}), u$1("small", { children: data.options.sourcemap ? SOURCEMAP_RENDERED : RENDRED }), (data.options.gzip || data.options.brotli) && (u$1(g$1, { children: [u$1("br", {}), u$1("small", { children: COMPRESSED })] }))] })); }, [availableSizeProperties, data, getModuleSize, node, root.data, sizeProperty]); const updatePosition = (mouseCoords) => { if (!ref.current) @@ -3365,7 +3369,7 @@ var drawChart = (function (exports) { document.removeEventListener("mousemove", handleMouseMove, true); }; }, []); - return (o$1("div", { className: `tooltip ${visible ? "" : "tooltip-hidden"}`, ref: ref, style: style, children: content })); + return (u$1("div", { className: `tooltip ${visible ? "" : "tooltip-hidden"}`, ref: ref, style: style, children: content })); }; const Chart = ({ root, sizeProperty, selectedNode, setSelectedNode, }) => { @@ -3380,12 +3384,12 @@ var drawChart = (function (exports) { document.removeEventListener("mouseover", handleMouseOut); }; }, []); - return (o$1(k$1, { children: [o$1(TreeMap, { root: root, onNodeHover: (node) => { + return (u$1(g$1, { children: [u$1(TreeMap, { root: root, onNodeHover: (node) => { setTooltipNode(node); setShowTooltip(true); }, selectedNode: selectedNode, onNodeClick: (node) => { setSelectedNode(selectedNode === node ? undefined : node); - } }), o$1(Tooltip, { visible: showTooltip, node: tooltipNode, root: root, sizeProperty: sizeProperty })] })); + } }), u$1(Tooltip, { visible: showTooltip, node: tooltipNode, root: root, sizeProperty: sizeProperty })] })); }; const Main = () => { @@ -3446,7 +3450,7 @@ var drawChart = (function (exports) { sizeProperty, ]); console.timeEnd("root hierarchy compute"); - return (o$1(k$1, { children: [o$1(SideBar, { sizeProperty: sizeProperty, availableSizeProperties: availableSizeProperties, setSizeProperty: setSizeProperty, onExcludeChange: setExcludeFilter, onIncludeChange: setIncludeFilter }), o$1(Chart, { root: root, sizeProperty: sizeProperty, selectedNode: selectedNode, setSelectedNode: setSelectedNode })] })); + return (u$1(g$1, { children: [u$1(SideBar, { sizeProperty: sizeProperty, availableSizeProperties: availableSizeProperties, setSizeProperty: setSizeProperty, onExcludeChange: setExcludeFilter, onIncludeChange: setIncludeFilter }), u$1(Chart, { root: root, sizeProperty: sizeProperty, selectedNode: selectedNode, setSelectedNode: setSelectedNode })] })); }; function initRange(domain, range) { @@ -4748,7 +4752,7 @@ var drawChart = (function (exports) { }; }; - const StaticContext = G({}); + const StaticContext = F$1({}); const drawChart = (parentNode, data, width, height) => { const availableSizeProperties = getAvailableSizeOptions(data.options); console.time("layout create"); @@ -4792,7 +4796,7 @@ var drawChart = (function (exports) { console.time("color"); const getModuleColor = createRainbowColor(rawHierarchy); console.timeEnd("color"); - D(o$1(StaticContext.Provider, { value: { + q$1(u$1(StaticContext.Provider, { value: { data, availableSizeProperties, width, @@ -4802,7 +4806,7 @@ var drawChart = (function (exports) { getModuleColor, rawHierarchy, layout, - }, children: o$1(Main, {}) }), parentNode); + }, children: u$1(Main, {}) }), parentNode); }; exports.StaticContext = StaticContext; @@ -4818,7 +4822,7 @@ var drawChart = (function (exports) { + + +{ + "meta": { + "name": "DemoPage", + "sort": 101, + "title": "测试页面", + "auth": ["*"], + "icon": "icon-park-outline-home" + } +} + diff --git a/src/pages/_layout/Menu.vue b/src/pages/_layout/Menu.vue index 00e8c37..e62de33 100644 --- a/src/pages/_layout/Menu.vue +++ b/src/pages/_layout/Menu.vue @@ -30,7 +30,7 @@ export default defineComponent({ function renderItem(routes: MenuItem[], level = 1) { return routes.map((route): any => { const icon = route.icon ? () => : null; - if (level < 3 && route.children?.some(i => !i.hide)) { + if (level < 3 && route.children?.some(i => i.hide !== true)) { return ( <> @@ -45,7 +45,7 @@ export default defineComponent({
{route.title}
{/* 8 */} - {route.hide === 'prod' ? {'开发'} : null} + {route.hide === 'prod' ? {'开发'} : null}
diff --git a/src/pages/_layout/index.vue b/src/pages/_layout/index.vue index 63796ce..1cdae07 100644 --- a/src/pages/_layout/index.vue +++ b/src/pages/_layout/index.vue @@ -91,7 +91,7 @@ import userDropdown from './UserDropdown.vue'; defineOptions({ name: 'LayoutPage' }); -const route = useRoute() +const route = useRoute(); const appStore = useAppStore(); const menuStore = useMenuStore(); const isCollapsed = ref(false); @@ -131,13 +131,6 @@ const buttons = [ window.open('https://github.com/appnify/starter-vue', '_blank'); }, }, - { - icon: 'icon-park-outline-info', - tooltip: '关于', - onClick: () => { - window.open('https://github.com/appnify/starter-vue', '_blank'); - }, - }, ]; diff --git a/src/pages/_login/index.vue b/src/pages/_login/index.vue index ae6ac9c..7cb700f 100644 --- a/src/pages/_login/index.vue +++ b/src/pages/_login/index.vue @@ -136,6 +136,7 @@ const onSubmitForm = async () => { "name": "LoginPage", "sort": 101, "title": "登录", + "auth": ["unlogin"], "icon": "icon-park-outline-home" } } diff --git a/src/pages/content/index.vue b/src/pages/content/index.vue index 55cf737..3ddd5e5 100644 --- a/src/pages/content/index.vue +++ b/src/pages/content/index.vue @@ -1,4 +1,4 @@ - + { "component": null, diff --git a/src/pages/dev/editor/components/data.json b/src/pages/dev/editor/data.json similarity index 100% rename from src/pages/dev/editor/components/data.json rename to src/pages/dev/editor/data.json diff --git a/src/pages/dev/editor/components/editor.vue b/src/pages/dev/editor/editor.vue similarity index 100% rename from src/pages/dev/editor/components/editor.vue rename to src/pages/dev/editor/editor.vue diff --git a/src/pages/dev/editor/index.vue b/src/pages/dev/editor/index.vue index eaf643e..710b012 100644 --- a/src/pages/dev/editor/index.vue +++ b/src/pages/dev/editor/index.vue @@ -1,14 +1,14 @@