From 1474e140e8f1c6b5054daf742f3e7b85655000cc Mon Sep 17 00:00:00 2001 From: dntzhang Date: Mon, 1 Apr 2024 09:46:55 +0800 Subject: [PATCH] feat(omi-templates): breadcrumb & icon & switch --- packages/omi-templates/package-lock.json | 30 ++++----- packages/omi-templates/package.json | 2 +- .../src/components/component-layout.tsx | 61 ++++++++++++++----- .../src/pages/components/breadcrumb.tsx | 30 +++++++++ .../src/pages/components/button.tsx | 5 -- .../src/pages/components/icon.tsx | 34 +++++++++++ .../src/pages/components/switch.tsx | 26 ++++++++ packages/omi-templates/src/routes.tsx | 3 + 8 files changed, 156 insertions(+), 35 deletions(-) create mode 100644 packages/omi-templates/src/pages/components/breadcrumb.tsx create mode 100644 packages/omi-templates/src/pages/components/icon.tsx create mode 100644 packages/omi-templates/src/pages/components/switch.tsx diff --git a/packages/omi-templates/package-lock.json b/packages/omi-templates/package-lock.json index 3c6af28087..8f05b9cb07 100644 --- a/packages/omi-templates/package-lock.json +++ b/packages/omi-templates/package-lock.json @@ -15,7 +15,7 @@ "copy-to-clipboard": "^3.3.3", "echarts": "^5.5.0", "markdown-it": "^14.0.0", - "omi": "7.6.5", + "omi": "7.6.7", "omi-router": "latest", "omi-suspense": "latest", "prismjs": "^1.29.0", @@ -2151,12 +2151,12 @@ } }, "node_modules/omi": { - "version": "7.6.5", - "resolved": "https://registry.npmjs.org/omi/-/omi-7.6.5.tgz", - "integrity": "sha512-BZKqFmi3jycgLC9S/AeZOo4Odv0Jp+5jPPMKwPOUK7U1jf8FZWOzz6fF/JJ28NdqnHgnoQUxhqBqwZXd7yUhfw==", + "version": "7.6.7", + "resolved": "https://registry.npmjs.org/omi/-/omi-7.6.7.tgz", + "integrity": "sha512-YjoCtgCOghSFB2wc1fCzwKA9eMd01FF2auZRp17HxSpo6noal12NbuzvSfgsGXFzAy97+lwgaRjTBR3n3EGiYw==", "dependencies": { "construct-style-sheets-polyfill": "3.0.1", - "reactive-signal": "^1.0.2", + "reactive-signal": "^1.0.3", "weakmap-polyfill": "2.0.4" } }, @@ -2551,9 +2551,9 @@ ] }, "node_modules/reactive-signal": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/reactive-signal/-/reactive-signal-1.0.2.tgz", - "integrity": "sha512-1J+q9AekGVGpMArH2xwc9zfRM71Piz+9U1AZ/Vm/cgIE9QqOQcCinuPYx6XLPAB9h0Mqaoa2cSZucbnuBbRmaw==" + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/reactive-signal/-/reactive-signal-1.0.3.tgz", + "integrity": "sha512-UlbIDgdkreGW0QFdrxCsVQNcPkiv+aOT4bWIF3inHb4jZlBdvRCZtgO9Ie5ayFxlnjetQg1QvRhg5PlGKSxZEA==" }, "node_modules/read-cache": { "version": "1.0.0", @@ -4852,12 +4852,12 @@ "dev": true }, "omi": { - "version": "7.6.5", - "resolved": "https://registry.npmjs.org/omi/-/omi-7.6.5.tgz", - "integrity": "sha512-BZKqFmi3jycgLC9S/AeZOo4Odv0Jp+5jPPMKwPOUK7U1jf8FZWOzz6fF/JJ28NdqnHgnoQUxhqBqwZXd7yUhfw==", + "version": "7.6.7", + "resolved": "https://registry.npmjs.org/omi/-/omi-7.6.7.tgz", + "integrity": "sha512-YjoCtgCOghSFB2wc1fCzwKA9eMd01FF2auZRp17HxSpo6noal12NbuzvSfgsGXFzAy97+lwgaRjTBR3n3EGiYw==", "requires": { "construct-style-sheets-polyfill": "3.0.1", - "reactive-signal": "^1.0.2", + "reactive-signal": "^1.0.3", "weakmap-polyfill": "2.0.4" } }, @@ -5100,9 +5100,9 @@ "dev": true }, "reactive-signal": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/reactive-signal/-/reactive-signal-1.0.2.tgz", - "integrity": "sha512-1J+q9AekGVGpMArH2xwc9zfRM71Piz+9U1AZ/Vm/cgIE9QqOQcCinuPYx6XLPAB9h0Mqaoa2cSZucbnuBbRmaw==" + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/reactive-signal/-/reactive-signal-1.0.3.tgz", + "integrity": "sha512-UlbIDgdkreGW0QFdrxCsVQNcPkiv+aOT4bWIF3inHb4jZlBdvRCZtgO9Ie5ayFxlnjetQg1QvRhg5PlGKSxZEA==" }, "read-cache": { "version": "1.0.0", diff --git a/packages/omi-templates/package.json b/packages/omi-templates/package.json index b0842dc276..7504d7766b 100644 --- a/packages/omi-templates/package.json +++ b/packages/omi-templates/package.json @@ -19,7 +19,7 @@ "copy-to-clipboard": "^3.3.3", "echarts": "^5.5.0", "markdown-it": "^14.0.0", - "omi": "7.6.5", + "omi": "7.6.7", "omi-router": "latest", "omi-suspense": "latest", "prismjs": "^1.29.0", diff --git a/packages/omi-templates/src/components/component-layout.tsx b/packages/omi-templates/src/components/component-layout.tsx index 8835a1f815..d1b27071ea 100644 --- a/packages/omi-templates/src/components/component-layout.tsx +++ b/packages/omi-templates/src/components/component-layout.tsx @@ -24,28 +24,61 @@ export function ComponentLayout(props: { hideFooter?: boolean; current?: string;
- +
-
基础
+
+
基础
- + +
+ + + +
+
导航
+ + +
+ +
+
输入
+ + +
-
{props.children}
+
{props.children}
{!props.hideFooter && ( diff --git a/packages/omi-templates/src/pages/components/breadcrumb.tsx b/packages/omi-templates/src/pages/components/breadcrumb.tsx new file mode 100644 index 0000000000..86d4fd5f23 --- /dev/null +++ b/packages/omi-templates/src/pages/components/breadcrumb.tsx @@ -0,0 +1,30 @@ +import '@/components/omiu/breadcrumb' + +export function Questionnaire() { + return ( +
+ +

Breadcrumb 面包屑

+

显示当前页面在系统层级结构的位置，并能返回之前任意层级的页面。

+ +

默认

+
+ +
+
+ ) +} diff --git a/packages/omi-templates/src/pages/components/button.tsx b/packages/omi-templates/src/pages/components/button.tsx index 941ac1f166..53bf991e57 100644 --- a/packages/omi-templates/src/pages/components/button.tsx +++ b/packages/omi-templates/src/pages/components/button.tsx @@ -1,7 +1,4 @@ -import '@/components/omiu/calendar/index' import '@/components/omiu/button' -import '@/components/omiu/switch' -import '@/components/omiu/breadcrumb' export function Questionnaire() { return ( @@ -105,8 +102,6 @@ export function Questionnaire() { - - ) } diff --git a/packages/omi-templates/src/pages/components/icon.tsx b/packages/omi-templates/src/pages/components/icon.tsx new file mode 100644 index 0000000000..2654b392d3 --- /dev/null +++ b/packages/omi-templates/src/pages/components/icon.tsx @@ -0,0 +1,34 @@ +import * as copyToClipboard from 'copy-to-clipboard' +import { showMsg } from '@/components/omiu/msg' + +// @ts-ignore +const copy = copyToClipboard.default || copyToClipboard +const icons = + 'activity,add-and-subtract,add-circle,add-rectangle,add,address-book,adjustment,airplay-wave,alarm-add,alarm-off,alarm,align-top,align-vertical,alpha,analytics,anchor,angry,animation-1,animation,anticlockwise,api,app,apple,application,architecture-hui-style,archway-1,archway,arrow-down-circle,arrow-down-rectangle,arrow-down,arrow-left-circle,arrow-left-down-circle,arrow-left-down,arrow-left-right-1,arrow-left-right-2,arrow-left-right-3,arrow-left-right-circle,arrow-left-up-circle,arrow-left-up,arrow-left,arrow-right-circle,arrow-right-down-circle,arrow-right-down,arrow-right-up-circle,arrow-right-up,arrow-right,arrow-triangle-down-filled,arrow-triangle-down,arrow-triangle-up-filled,arrow-triangle-up,arrow-up-circle,arrow-up-down-1,arrow-up-down-2,arrow-up-down-3,arrow-up-down-circle,arrow-up,artboard,article,assignment-checked,assignment-code,assignment-error,assignment-user,assignment,attach,attic-1,attic,audio,awkward,backtop-rectangle,backtop,backup,backward,bad-laugh,bamboo-shoot,banana,barbecue,barcode-1,barcode,base-station,battery-add,battery-charging,battery-low,battery,bean,beer,beta,bifurcate,bill,blockchain,bluetooth,bone,book-open,book,bookmark-add,bookmark-checked,bookmark-double,bookmark-minus,bookmark,braces,brackets,bread,bridge-1,bridge-2,bridge-3,bridge-4,bridge-5,bridge-6,bridge,brightness-1,brightness,broccoli,browse-gallery,browse-off,browse,brush,bug-report,bug,building-1,building-2,building-3,building-4,building-5,building,bulletpoint,button,cabbage,cake,calculation-1,calculation,calculator-1,calculator,calendar-1,calendar-2,calendar-edit,calendar-event,calendar,call-1,call-cancel,call-forwarded,call-incoming,call-off,call,calm-1,calm,camera-1,camera-2,camera-off,camera,candy,card,cardmembership,caret-down-small,caret-down,caret-left-small,caret-left,caret-right-small,caret-right,caret-up-small,caret-up,cart-add,cart,cast,castle-1,castle-2,castle-3,castle-4,castle-5,castle-6,castle-7,castle,cat,catalog,cd,celsius,center-focus-strong,centimeter,certificate-1,certificate,chart-3d,chart-add,chart-analytics,chart-area-multi,chart-area,chart-bar,chart-bubble,chart-colum,chart-combo,chart-line-data-1,chart-line-data,chart-line-multi,chart-line,chart-maximum,chart-median,chart-minimum,chart-pie,chart-radar,chart-radial,chart-ring-1,chart-ring,chart-scatter,chart-stacked,chart,chat-add,chat-bubble-1,chat-bubble-add,chat-bubble-error,chat-bubble-help,chat-bubble-history,chat-bubble-locked,chat-bubble-smile,chat-bubble,chat-checked,chat-clear,chat-double,chat-error,chat-heart,chat-message,chat-off,chat-poll,chat-setting,chat,check-circle-filled,check-circle,check-double,check-rectangle-filled,check-rectangle,check,cheese,cherry,chevron-down-circle,chevron-down-double-s,chevron-down-double,chevron-down-rectangle,chevron-down-s,chevron-down,chevron-left-circle,chevron-left-double-s,chevron-left-double,chevron-left-rectangle,chevron-left-s,chevron-left,chevron-right-circle,chevron-right-double-s,chevron-right-double,chevron-right-rectangle,chevron-right-s,chevron-right,chevron-up-circle,chevron-up-double-s,chevron-up-double,chevron-up-rectangle,chevron-up-s,chevron-up,chicken,chili,chimney-1,chimney-2,chimney,chinese-cabbage,church,circle,city-1,city-10,city-11,city-12,city-13,city-14,city-15,city-2,city-3,city-4,city-5,city-6,city-7,city-8,city-9,city-ancient-1,city-ancient-2,city-ancient,city,clear-formatting-1,clear-formatting,clear,close-circle-filled,close-circle,close-octagon,close-rectangle,close,cloud-download,cloud-upload,cloud,cloudy-day,cloudy-night-rain,cloudy-night,cloudy-rain,cloudy-sunny,code-1,code-off,code,cola,collage,collection,color-invert,combination,command,compass-1,compass,component-breadcrumb,component-checkbox,component-divider-horizontal,component-divider-vertical,component-dropdown,component-grid,component-input,component-layout,component-radio,component-space,component-steps,component-switch,constraint,contrast-1,contrast,control-platform,cooperate,coordinate-system,copy,copyright,corn,coupon,course,cpu,crack,creditcard-add,creditcard-off,creditcard,crooked-smile,cry-and-laugh,cry-loudly,css3,cucumber,currency-exchange,cursor,curtain,curve,cut-1,cut,dam-1,dam-2,dam-3,dam-4,dam-5,dam-6,dam-7,dam,dart-board,dashboard-1,dashboard,data-base,data-checked,data-display,data-error,data-search,data,delete-1,delete-time,delete,delta,depressed,desktop-1,desktop,despise,device,discount-filled,discount,dissatisfaction,divide,dividers-1,dividers,doge,double-storey,download-1,download,downscale,drag-drop,drag-move,drink,drumstick,dv,dvd,earphone,earth,edit-1,edit-2,edit-off,edit,education,eggplant,ellipsis,emo-emotional,enter,equal,error-circle-filled,error-circle,error-triangle,error,excited-1,excited,expand-horizontal,expand-vertical,explore-off,explore,exposure,extension-off,extension,face-retouching,fact-check,fahrenheit-scale,feel-at-ease,ferocious,ferris-wheel,file-1,file-add-1,file-add,file-attachment,file-blocked,file-code-1,file-code,file-copy,file-download,file-excel,file-export,file-icon,file-image,file-import,file-locked,file-minus,file-music,file-onenote,file-outlook,file-paste,file-pdf,file-powerpoint,file-restore,file-safety,file-search,file-setting,file-teams,file-unknown,file-unlocked,file-word,file-zip,file,fill-color-1,fill-color,film-1,film,filter-1,filter-2,filter-3,filter-clear,filter-off,filter,fingerprint-1,fingerprint-2,fingerprint-3,fingerprint,fish,flag-1,flag-2,flag-3,flag-4,flag,flashlight,flight-landing,flight-takeoff,flip-smiling-face,flip-to-back,flip-to-front,focus,fog-night,fog-sunny,fog,folder-1,folder-add-1,folder-add,folder-blocked,folder-details,folder-export,folder-import,folder-locked,folder-minus,folder-move,folder-off,folder-open-1,folder-open,folder-search,folder-setting,folder-shared,folder-unlocked,folder-zip,folder,forest,fork,form,format-horizontal-align-bottom,format-horizontal-align-center,format-horizontal-align-top,format-vertical-align-center,format-vertical-align-left,format-vertical-align-right,forward,frame-1,frame,fries,fullscreen-1,fullscreen-2,fullscreen-exit-1,fullscreen-exit,fullscreen,function-curve,functions-1,functions,gamepad-1,gamepad,gamma,garlic,gender-female,gender-male,gesture-applause,gesture-click,gesture-down,gesture-expansion,gesture-left-slip,gesture-left,gesture-pray-1,gesture-pray,gesture-press,gesture-ranslation-1,gesture-ranslation,gesture-right-slip,gesture-right,gesture-slide-up,gesture-up-1,gesture-up-2,gesture-up-and-down,gesture-up,gesture-wipe-down,gift,giggle,git-branch,git-commit,git-merge,git-pull-request,git-repository-commits,git-repository-private,git-repository,gps,grape,greater-than-or-equal,greater-than,green-onion,grid-add,grid-view,guitar,hamburger,happy,hard-disk-storage,hard-drive,hashtag,hd,heart-filled,heart,help-circle-filled,help-circle,help-rectangle,help,highlight-1,highlight,history-setting,history,home,hospital-1,hospital,hotspot-wave,hourglass,houses-1,houses-2,houses,html5,https,ice-cream,icon,image-1,image-add,image-edit,image-error,image-off,image-search,image,indent-left,indent-right,indicator,info-circle-filled,info-circle,ink,install-desktop,install-mobile,install,institution-checked,institution,internet,ipod,joyful,jump-off,jump,keyboard,laptop,layers,layout,leaderboard,lemon-slice,lemon,less-than-or-equal,less-than,letters-a,letters-b,letters-c,letters-d,letters-e,letters-f,letters-g,letters-h,letters-i,letters-j,letters-k,letters-l,letters-m,letters-n,letters-o,letters-p,letters-q,letters-r,letters-s,letters-t,letters-u,letters-v,letters-w,letters-x,letters-y,letters-z,lightbulb-circle,lightbulb,lighthouse-1,lighthouse-2,lighthouse,lighting-circle,line-height,link-1,link-unlink,link,liquor,list,load,loading,location-1,location-enlargement,location-error,location-parking-place,location-reduction,location-setting,location,lock-off,lock-on,lock-time,login,logo-adobe-illustrate,logo-adobe-photoshop-1,logo-adobe-photoshop,logo-android,logo-apple-filled,logo-apple,logo-behance,logo-chrome-filled,logo-chrome,logo-cinema4d,logo-codepen,logo-codesandbox,logo-dribbble,logo-facebook,logo-figma,logo-framer,logo-github-filled,logo-github,logo-gitlab,logo-ie-filled,logo-ie,logo-instagram,logo-qq,logo-twitter,logo-wechat-stroke,logo-wechat,logo-wecom,logo-windows-filled,logo-windows,logo-youtube,logout,look-around,loudspeaker,mail,map-3d,map-add,map-aiming,map-blocked,map-bubble,map-cancel,map-chat,map-checked,map-collection,map-connection,map-distance,map-double,map-edit,map-grid,map-information-1,map-information-2,map-information,map-location,map-locked,map-marked,map-navigation,map-outline,map-route-planning,map-ruler,map-safety,map-search-1,map-search,map-setting,map-unlocked,map,mark-as-unread,markup,mathematics,measurement-1,measurement-2,measurement,meat-pepper,media-library,member,menu-application,menu-fold,menu-unfold,menu,merge-cells,microphone-1,microphone-2,microphone,milk,minus-circle-filled,minus-circle,minus-rectangle-filled,minus-rectangle,minus,mirror,mobile-blocked,mobile-list,mobile-navigation,mobile-shortcut,mobile-vibrate,mobile,mode-dark,mode-light,module,money,monument,moon-fall,moon-rising,moon,more,mosque-1,mosque,mouse,move-1,move,movie-clapper,multiply,museum-1,museum-2,museum,mushroom-1,mushroom,music-1,music-2,music-rectangle-add,music,navigation-arrow,next,no-expression,noodle,notification-add,notification-circle,notification-error,notification-filled,notification,numbers-0-1,numbers-0,numbers-1-1,numbers-1,numbers-2-1,numbers-2,numbers-3-1,numbers-3,numbers-4-1,numbers-4,numbers-5-1,numbers-5,numbers-6-1,numbers-6,numbers-7-1,numbers-7,numbers-8-1,numbers-8,numbers-9-1,numbers-9,nut,object-storage,open-mouth,opera,order-adjustment-column,order-ascending,order-descending,outbox,page-first,page-head,page-last,palace-1,palace-2,palace-3,palace-4,palace,palette-1,palette,panorama-horizontal,panorama-vertical,pantone,parabola,parentheses,paste,patio,pause-circle-filled,pause-circle-stroke,pause-circle,pause,pea,peach,pear,pearl-of-the-orient,pen-ball,pen-brush,pen-mark,pen-quill,pen,pending,percent,personal-information,phone-locked,phone-search,pi,piano,pin-filled,pin,play-circle-filled,play-circle-stroke-add,play-circle-stroke,play-circle,play-demo,play-rectangle,play,plus,popsicle,portrait,pout,poweroff,precise-monitor,previous,print,pumpkin,pyramid-maya,pyramid,qrcode,quadratic,questionnaire,queue,radar,radio-1,radio-2,radish,rain-heavy,rain-light,rain-medium,rainbow,rectangle,refresh,relation,relativity,remote-wave,remove,replay,rice-ball,rice,roast,rocket,rollback,rollfront,root-list,rotate-locked,rotate,rotation,round,router-wave,rss,ruler,sailing-hotel,sandwich,saturation,sausage,save,saving-pot,scan,screen-4k,screencast,screenshot,scroll-bar,sd-card-1,sd-card,search-error,search,secured,send-cancel,send,sensors-1,sensors-2,sensors-off,sensors,serenity,server,service,setting-1,setting,share-1,share,sharpness,shield-error,shimen,shop-1,shop-2,shop-3,shop-4,shop-5,shop,shrimp,shrink-horizontal,shrink-vertical,shutter,shutup,sim-card-1,sim-card-2,sim-card,sinister-smile,sip,slash,sleep,slice,slideshow,smile,sneer,snowflake,sonic,sound-down,sound-high,sound-low,sound-mute-1,sound-mute,sound-up,sound,space,speechless-1,star-filled,star,statue-of-jesus,sticky-note,stop-circle-filled,stop-circle-stroke,stop-circle,stop,store,street-road-1,street-road,subtitle,subway-line,sum,sun-fall,sun-rising,sunny,support,surprised-1,surprised,swap-left,swap-right,swap,swear-1,swear-2,system-2,system-3,system-application,system-blocked,system-code,system-components,system-coordinate,system-device,system-interface,system-location,system-locked,system-log,system-marked,system-messages,system-regulation,system-search,system-setting,system-storage,system-sum,system-unlocked,tab,table-1,table-2,table-add,table-split,table,tag,tangerinr,tape,task-1,task-add-1,task-add,task-checked,task-error,task-location,task-marked,task-setting,task-visible,task,tea,teahouse,template,temple,terminal-rectangle-1,terminal-rectangle,terminal-window,terminal,textbox,textformat-bold,textformat-color,textformat-italic,textformat-strikethrough,textformat-underline,textformat-wrap,theaters,thumb-down-1,thumb-down-2,thumb-down,thumb-up-1,thumb-up-2,thumb-up,thunder,thunderstorm-night,thunderstorm-sunny,thunderstorm,ticket,time-filled,time,tips-double,tips,tomato,tools-circle,tools,tornado,tower-1,tower-2,tower-3,tower-clock,tower,town,traffic-events,traffic,transform-1,transform-2,transform-3,transform,translate-1,translate,tree-list,tree-round-dot-vertical,tree-round-dot,tree-square-dot-vertical,tree-square-dot,trending-down,trending-up,tv-1,tv-2,tv,typography,uncomfortable-1,uncomfortable-2,uncomfortable,undertake-delivery,undertake-environment-protection,undertake-hold-up,undertake-transaction,undertake,unfold-less,unfold-more,unhappy-1,unhappy,uninstall,upload-1,upload,upscale,usb,user-1,user-add,user-arrow-down,user-arrow-left,user-arrow-right,user-arrow-up,user-avatar,user-blocked,user-business,user-checked-1,user-checked,user-circle,user-clear,user-error-1,user-invisible,user-list,user-locked,user-marked,user-password,user-safety,user-search,user-setting,user-talk-1,user-talk-off-1,user-talk,user-time,user-transmit,user-unknown,user-unlocked,user-vip,user-visible,user,usergroup-add,usergroup-clear,usergroup,vehicle,verified,verify,video-camera-1,video-camera-2,video-camera-dollar,video-camera-minus,video-camera-music,video-camera-off,video-camera,video-library,video,view-agenda,view-column,view-in-ar,view-list,view-module,visual-recognition,wallet,watch,watermelon,wave-left,wave-right,wealth-1,wealth,widget,wifi-1,wifi-off-1,wifi-off,wifi,window-1,window,windy-rain,windy,wink,work-history,work-off,work,wry-smile,zoom-in,zoom-out'.split( + ',', + ) + +export function Icons() { + return ( +
+
+ {icons.map((icon) => ( +
{ + copy(``) + showMsg({ + type: 'success', + content: 'Copied!', + }) + }} + > + +

{icon}

+
+ ))} +
+
+ ) +} diff --git a/packages/omi-templates/src/pages/components/switch.tsx b/packages/omi-templates/src/pages/components/switch.tsx new file mode 100644 index 0000000000..ccc7f66e8a --- /dev/null +++ b/packages/omi-templates/src/pages/components/switch.tsx @@ -0,0 +1,26 @@ +import '@/components/omiu/switch' + +export function Questionnaire() { + return ( +
+ +

Switch 开关

+

用于两个互斥选项，用来打开或关闭选项的选择控件。

+ +

不同尺寸

+
+ + + +
+ +

禁用

+
+ + + +
+ +
+ ) +} diff --git a/packages/omi-templates/src/routes.tsx b/packages/omi-templates/src/routes.tsx index b5421a1c19..4a543ab826 100644 --- a/packages/omi-templates/src/routes.tsx +++ b/packages/omi-templates/src/routes.tsx @@ -31,6 +31,9 @@ export const routes = [ createAdminRoute('/admin/home', () => import('./pages/admin/home')), createAdminRoute('/admin/chart', () => import('./pages/admin/chart')), createComponentRoute('/components/button', () => import('./pages/components/button')), + createComponentRoute('/components/icon', () => import('./pages/components/icon')), + createComponentRoute('/components/switch', () => import('./pages/components/switch')), + createComponentRoute('/components/breadcrumb', () => import('./pages/components/breadcrumb')), createRoute('*', () => import('./pages/results/not-found')), { path: '/before-enter/test',