优化

src/core/navigation/prototypeMenuIcons.ts

@@ -22,6 +22,58 @@ function createPrototypeMenuIcon(name: string, children: SvgChild[]): Component
   })
 }
 
+function createOrderDetailIcon(name: string, children: SvgChild[]): Component {
+  return defineComponent({
+    name,
+    inheritAttrs: false,
+    props: { size: { type: [Number, String], default: 20 } },
+    setup(props, { attrs }) {
+      return () => h('svg', {
+        ...attrs,
+        width: props.size,
+        height: props.size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        stroke: 'currentColor',
+        'stroke-width': 1.8,
+        'stroke-linecap': 'round',
+        'stroke-linejoin': 'round',
+        'aria-hidden': 'true',
+      } satisfies SVGAttributes, children)
+    },
+  })
+}
+
+export const OrderBasicInfoIcon = createOrderDetailIcon('OrderBasicInfoIcon', [
+  h('path', { d: 'm12 3 8 4.5v9L12 21l-8-4.5v-9L12 3Z' }),
+  h('path', { d: 'm4 7.5 8 4.5 8-4.5M12 12v9' }),
+])
+export const OrderCargoInfoIcon = createOrderDetailIcon('OrderCargoInfoIcon', [
+  h('path', { d: 'm12 3 8 4.5v9L12 21l-8-4.5v-9L12 3Z' }),
+  h('path', { d: 'm4 7.5 8 4.5 8-4.5M12 12v9' }),
+  h('path', { d: 'M8 5.25 16 9.75' }),
+])
+export const OrderFeeInfoIcon = createOrderDetailIcon('OrderFeeInfoIcon', [
+  h('rect', { x: 3, y: 5, width: 18, height: 14, rx: 2 }),
+  h('path', { d: 'M3 9h18M7 14h4' }),
+])
+export const OrderHistoryIcon = createOrderDetailIcon('OrderHistoryIcon', [
+  h('path', { d: 'M3 12a9 9 0 1 0 3-6.7' }),
+  h('path', { d: 'M3 4v5h5M12 7v5l3 2' }),
+])
+export const OrderMeasurementIcon = createOrderDetailIcon('OrderMeasurementIcon', [
+  h('path', { d: 'm4 17 13-13 3 3L7 20H4v-3Z' }),
+  h('path', { d: 'm13 8 3 3M7 17l-1 1M10 14l-1 1M13 11l-1 1' }),
+])
+export const OrderOtherIcon = createOrderDetailIcon('OrderOtherIcon', [
+  h('path', { d: 'M6 3h9l4 4v14H6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z' }),
+  h('path', { d: 'M14 3v5h5' }),
+])
+export const OrderFulfillmentIcon = createOrderDetailIcon('OrderFulfillmentIcon', [
+  h('path', { d: 'M4 6h2M4 12h2M4 18h2M9 6h11M9 12h11M9 18h11' }),
+  h('path', { d: 'm7 11 1.5 1.5L11 10M7 17l1.5 1.5L11 16' }),
+])
+
 export const PrototypeDashboardIcon = createPrototypeMenuIcon('PrototypeDashboardIcon', [
   h('rect', { x: 3, y: 3, width: 7, height: 8, rx: 1.5, fill: '#1677ff' }),
   h('rect', { x: 14, y: 3, width: 7, height: 5, rx: 1.5, fill: '#1677ff', opacity: 0.6 }),