openxiangda 1.0.264 → 2.0.0-alpha.2

package/templates/sy-lowcode-app-workspace/examples/best-practices/src/pages/mint-analytics-dashboard/styles.css

@@ -1,163 +0,0 @@
-.bp-mint-time {
-  max-width: 260px;
-  overflow: hidden;
-  border: 1px solid rgba(16, 185, 129, 0.15);
-  border-radius: 999px;
-  color: #475569;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.bp-mint-state-panel {
-  min-height: 440px;
-}
-
-.bp-mint-shortcuts {
-  display: grid;
-  gap: 10px;
-  margin-bottom: 16px;
-  padding: 16px;
-  border: 1px solid rgba(16, 185, 129, 0.16);
-  border-radius: 16px;
-  background: rgba(255, 255, 255, 0.62);
-}
-
-.bp-mint-shortcuts strong {
-  color: #0f172a;
-  font-size: 13px;
-}
-
-.bp-mint-shortcuts span {
-  color: #475569;
-  font-size: 13px;
-}
-
-.bp-mint-intro {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-  padding: 10px 8px;
-}
-
-.bp-mint-intro h1 {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  align-items: center;
-  margin: 0 0 6px;
-  color: #0f172a;
-  font-size: 22px;
-  font-weight: 800;
-  letter-spacing: 0;
-}
-
-.bp-mint-intro p {
-  margin: 0;
-  color: #64748b;
-  font-size: 13px;
-}
-
-.bp-mint-metrics {
-  display: grid;
-  grid-template-columns: repeat(6, minmax(0, 1fr));
-  gap: 14px;
-}
-
-.bp-mint-metrics .bp-admin-metric {
-  min-height: 132px;
-  border-radius: 12px;
-}
-
-.bp-mint-grid {
-  display: grid;
-  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.2fr) minmax(300px, 0.8fr);
-  gap: 16px;
-}
-
-.bp-mint-large-panel {
-  min-height: 324px;
-}
-
-.bp-mint-bottom {
-  display: grid;
-  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.1fr) minmax(300px, 0.85fr);
-  gap: 16px;
-}
-
-.bp-mint-business-summary {
-  display: grid;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-  gap: 12px;
-  padding: 6px 0;
-}
-
-.bp-mint-business-summary div {
-  min-width: 0;
-  padding: 8px 12px;
-  border-right: 1px solid #e5eaf2;
-}
-
-.bp-mint-business-summary div:last-child {
-  border-right: 0;
-}
-
-.bp-mint-business-summary span,
-.bp-mint-business-summary small {
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.bp-mint-business-summary span {
-  color: #64748b;
-  font-size: 13px;
-}
-
-.bp-mint-business-summary strong {
-  display: block;
-  margin: 9px 0;
-  color: #0f172a;
-  font-size: 22px;
-  line-height: 1;
-}
-
-.bp-mint-business-summary small {
-  color: #10b981;
-  font-size: 12px;
-}
-
-.bp-mint-business-summary .is-down {
-  color: #ef4444;
-}
-
-@media (max-width: 1380px) {
-  .bp-mint-metrics {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-
-  .bp-mint-grid,
-  .bp-mint-bottom {
-    grid-template-columns: 1fr 1fr;
-  }
-}
-
-@media (max-width: 920px) {
-  .bp-mint-intro {
-    align-items: stretch;
-    flex-direction: column;
-  }
-
-  .bp-mint-metrics,
-  .bp-mint-grid,
-  .bp-mint-bottom,
-  .bp-mint-business-summary {
-    grid-template-columns: 1fr;
-  }
-
-  .bp-mint-business-summary div {
-    border-right: 0;
-    border-bottom: 1px solid #e5eaf2;
-  }
-}

package/templates/sy-lowcode-app-workspace/examples/best-practices/src/pages/mobile-portal-shell/App.tsx

@@ -1,7 +0,0 @@
-import "./styles.css";
-
-import { MobilePortalShell } from "./MobilePortalShell";
-
-export default function App() {
-  return <MobilePortalShell />;
-}

package/templates/sy-lowcode-app-workspace/examples/best-practices/src/pages/mobile-portal-shell/MobilePortalShell.tsx

@@ -1,31 +0,0 @@
-import { Card, NavBar, SafeArea, TabBar } from "antd-mobile";
-import { useNavigation, usePageRoute } from "openxiangda/runtime";
-
-import { mobilePortalRoutes, parseMobilePortalRoute } from "./routes";
-import { MobileHome } from "./modules/MobileHome";
-
-export function MobilePortalShell() {
-  const route = parseMobilePortalRoute(usePageRoute().query.route as string);
-  const navigation = useNavigation();
-
-  return (
-    <main className="bp-mobile-shell">
-      <NavBar back={null}>移动工作门户</NavBar>
-      <section className="bp-mobile-shell__content">
-        {route === "home" ? (
-          <MobileHome />
-        ) : (
-          <Card title={route === "tickets" ? "工单" : "我的"}>
-            移动端仅保留高频任务，业务规则复用 PC 的 domain/service。
-          </Card>
-        )}
-      </section>
-      <TabBar activeKey={route} onChange={(key) => navigation.replaceRoute(key)}>
-        {mobilePortalRoutes.map((item) => (
-          <TabBar.Item key={item.key} title={item.label} />
-        ))}
-      </TabBar>
-      <SafeArea position="bottom" />
-    </main>
-  );
-}

package/templates/sy-lowcode-app-workspace/examples/best-practices/src/pages/mobile-portal-shell/index.tsx

@@ -1,10 +0,0 @@
-import { createReactPage } from "openxiangda/runtime";
-
-import App from "./App";
-
-const page = createReactPage(App);
-
-export const mount = page.mount;
-export const update = page.update;
-export const unmount = page.unmount;
-export default page;

package/templates/sy-lowcode-app-workspace/examples/best-practices/src/pages/mobile-portal-shell/modules/MobileHome.tsx

@@ -1,13 +0,0 @@
-import { Card, List } from "antd-mobile";
-
-export function MobileHome() {
-  return (
-    <Card title="今日概览">
-      <List>
-        <List.Item extra="18">待处理</List.Item>
-        <List.Item extra="5">超时风险</List.Item>
-        <List.Item extra="64">本周完成</List.Item>
-      </List>
-    </Card>
-  );
-}

package/templates/sy-lowcode-app-workspace/examples/best-practices/src/pages/mobile-portal-shell/page.config.ts

@@ -1,14 +0,0 @@
-import { definePageConfig } from "@/types/app-workspace.types";
-
-export default definePageConfig({
-  code: "mobile_portal_shell",
-  name: "移动工作门户",
-  description: "Mobile app-shell 入口示例",
-  route: { pathKey: "mobile_portal_shell" },
-  entry: {
-    mode: "app-shell",
-    hidePlatformNav: true,
-    defaultRoute: "home",
-  },
-  menu: { name: "移动工作门户" },
-});

package/templates/sy-lowcode-app-workspace/examples/best-practices/src/pages/mobile-portal-shell/routes.ts

@@ -1,13 +0,0 @@
-export type MobilePortalRoute = "home" | "tickets" | "mine";
-
-export const mobilePortalRoutes: Array<{ key: MobilePortalRoute; label: string }> = [
-  { key: "home", label: "首页" },
-  { key: "tickets", label: "工单" },
-  { key: "mine", label: "我的" },
-];
-
-export function parseMobilePortalRoute(value?: string): MobilePortalRoute {
-  return mobilePortalRoutes.some((item) => item.key === value)
-    ? (value as MobilePortalRoute)
-    : "home";
-}

package/templates/sy-lowcode-app-workspace/examples/best-practices/src/pages/mobile-portal-shell/styles.css

@@ -1,11 +0,0 @@
-.bp-mobile-shell {
-  display: flex;
-  min-height: 100%;
-  flex-direction: column;
-  background: #f8fafc;
-}
-
-.bp-mobile-shell__content {
-  flex: 1;
-  padding: 16px;
-}

package/templates/sy-lowcode-app-workspace/examples/best-practices/src/pages/ops-monitor-dashboard/App.tsx

@@ -1,8 +0,0 @@
-import "@/shared/components/admin-ui-templates/styles.css";
-import "./styles.css";
-
-import { OpsMonitorDashboard } from "./OpsMonitorDashboard";
-
-export default function App() {
-  return <OpsMonitorDashboard />;
-}

package/templates/sy-lowcode-app-workspace/examples/best-practices/src/pages/ops-monitor-dashboard/OpsMonitorDashboard.tsx

@@ -1,306 +0,0 @@
-import { App as AntdApp, Button, DatePicker, Select, Space, Tag } from "antd";
-import { useMemo, useState } from "react";
-
-import { QueryState } from "@/shared/components/QueryState";
-import {
-  ActivityList,
-  AdminShell,
-  AdminTopbar,
-  DashboardChart,
-  HealthScore,
-  MetricCard,
-  Panel,
-  QuickActionGrid,
-  TaskProgressList,
-  TemplateActionDrawer,
-} from "@/shared/components/admin-ui-templates/DashboardPrimitives";
-import {
-  createDonutOption,
-  createLineAreaOption,
-} from "@/shared/components/admin-ui-templates/chartOptions";
-import {
-  activities,
-  monitorNavItems,
-  opsMetrics,
-  quickActions,
-  taskProgressItems,
-} from "@/shared/components/admin-ui-templates/sampleData";
-import type {
-  DrawerMode,
-  QuickAction,
-} from "@/shared/components/admin-ui-templates/types";
-
-type ViewState = "ready" | "loading" | "empty" | "error";
-type TrafficMode = "realtime" | "7" | "30";
-
-const hourLabels = [
-  "00:00",
-  "02:00",
-  "04:00",
-  "06:00",
-  "08:00",
-  "10:00",
-  "12:00",
-  "14:00",
-  "16:00",
-  "18:00",
-  "20:00",
-  "22:00",
-  "24:00",
-];
-
-const alerts = [
-  ["数据库响应超时", "严重", "未处理", "10秒前", "red"],
-  ["API接口调用失败率高", "警告", "未处理", "2分钟前", "orange"],
-  ["存储空间使用率超过85%", "警告", "处理中", "5分钟前", "orange"],
-  ["用户登录异常检测", "提示", "已处理", "15分钟前", "blue"],
-  ["计划任务执行延迟", "提示", "已处理", "30分钟前", "blue"],
-] as const;
-
-export function OpsMonitorDashboard() {
-  const { message } = AntdApp.useApp();
-  const [activeNav, setActiveNav] = useState("monitor");
-  const [trafficMode, setTrafficMode] = useState<TrafficMode>("realtime");
-  const [viewState, setViewState] = useState<ViewState>("ready");
-  const [drawerAction, setDrawerAction] = useState<QuickAction | null>(null);
-  const [drawerMode, setDrawerMode] = useState<DrawerMode>("create");
-
-  const trafficOption = useMemo(
-    () =>
-      createLineAreaOption({
-        colors: ["#4f46e5", "#14b8a6"],
-        labels: hourLabels,
-        primaryName: "访问量",
-        secondaryName: "独立访客",
-        primary:
-          trafficMode === "realtime"
-            ? [3400, 7600, 8400, 10100, 12000, 10600, 11300, 9846, 7200, 11600, 6500, 5900, 8600]
-            : [6200, 7000, 7600, 8300, 9100, 9600, 10200, 11000, 10400, 11200, 11800, 12100, 12600],
-        secondary:
-          trafficMode === "realtime"
-            ? [2200, 4200, 4800, 6200, 7200, 6600, 6900, 5800, 4300, 6500, 3900, 3500, 5200]
-            : [3800, 4400, 4800, 5300, 6000, 6300, 6800, 7200, 7000, 7400, 7800, 8100, 8400],
-      }),
-    [trafficMode],
-  );
-
-  const deviceOption = useMemo(
-    () =>
-      createDonutOption({
-        centerLabel: "总设备数",
-        centerValue: "1,268",
-        data: [
-          { name: "在线设备 78.2%", value: 78.2, color: "#3b82f6" },
-          { name: "离线设备 14.4%", value: 14.4, color: "#8b5cf6" },
-          { name: "告警设备 4.6%", value: 4.6, color: "#f59e0b" },
-          { name: "维护设备 2.8%", value: 2.8, color: "#ef4444" },
-        ],
-      }),
-    [],
-  );
-
-  function refresh() {
-    setViewState("loading");
-    window.setTimeout(() => {
-      setViewState("ready");
-      message.success("监控数据已刷新");
-    }, 500);
-  }
-
-  function openActionDrawer(action: QuickAction, mode: DrawerMode = "create") {
-    setDrawerAction(action);
-    setDrawerMode(mode);
-  }
-
-  return (
-    <AdminShell
-      variant="ops"
-      activeKey={activeNav}
-      navItems={monitorNavItems}
-      brandTitle="智能运营管理平台"
-      brandSubtitle="平台专业版"
-      topbar={
-        <AdminTopbar
-          title="运营监控中心"
-          subtitle="晚上好，超级管理员，欢迎回来！"
-          searchPlaceholder="搜索功能、数据、报表..."
-          userName="管理员"
-          extra={
-            <Space size={8}>
-              <DatePicker />
-              <Button onClick={refresh}>刷新</Button>
-              <Select<ViewState>
-                size="small"
-                value={viewState}
-                onChange={setViewState}
-                options={[
-                  { value: "ready", label: "正常" },
-                  { value: "loading", label: "加载" },
-                  { value: "empty", label: "空态" },
-                  { value: "error", label: "错误" },
-                ]}
-              />
-            </Space>
-          }
-        />
-      }
-      sidebarFooter={
-        <>
-          <div className="bp-ops-license">
-            <strong>平台专业版</strong>
-            <span>已授权 356 天</span>
-            <Button size="small" type="primary">
-              升级授权
-            </Button>
-            <i />
-          </div>
-        </>
-      }
-      onNavChange={setActiveNav}
-    >
-      {viewState !== "ready" ? (
-        <Panel className="bp-ops-state-panel">
-          <QueryState
-            loading={viewState === "loading"}
-            empty={viewState === "empty"}
-            error={viewState === "error" ? "模拟监控接口异常，请点击重试恢复。" : null}
-            onRetry={() => setViewState("ready")}
-          />
-        </Panel>
-      ) : (
-        <>
-          <section className="bp-ops-metrics">
-            {opsMetrics.map((metric) => (
-              <MetricCard key={metric.id} metric={metric} />
-            ))}
-            <Panel className="bp-ops-alert-mini">
-              <Tag color="red">系统告警数</Tag>
-              <strong>128</strong>
-              <span>较昨日 ↓ 12.5%</span>
-            </Panel>
-            <Panel className="bp-ops-alert-mini is-pink">
-              <Tag color="magenta">平均响应时间</Tag>
-              <strong>386 ms</strong>
-              <span>较昨日 ↓ 6.3%</span>
-            </Panel>
-          </section>
-
-          <section className="bp-ops-grid">
-            <Panel
-              title="访问量趋势"
-              className="bp-ops-traffic"
-              extra={
-                <Space size={4}>
-                  {(["realtime", "7", "30"] as TrafficMode[]).map((mode) => (
-                    <Button
-                      key={mode}
-                      size="small"
-                      type={trafficMode === mode ? "primary" : "text"}
-                      onClick={() => setTrafficMode(mode)}
-                    >
-                      {mode === "realtime" ? "实时" : mode === "7" ? "近7天" : "近30天"}
-                    </Button>
-                  ))}
-                </Space>
-              }
-            >
-              <DashboardChart option={trafficOption} height={306} />
-              <div className="bp-ops-traffic-summary">
-                {[
-                  ["今日总访问量", "32,568,129", "12.6%"],
-                  ["今日独立访客", "12,853,529", "9.3%"],
-                  ["今日页面浏览量", "68,392,681", "10.2%"],
-                  ["平均访问时长", "00:06:35", "4.1%"],
-                  ["跳出率", "32.45%", "2.7%"],
-                ].map(([label, value, delta]) => (
-                  <div key={label}>
-                    <span>{label}</span>
-                    <strong>{value}</strong>
-                    <small>较昨日 ↑ {delta}</small>
-                  </div>
-                ))}
-              </div>
-            </Panel>
-            <Panel title="任务执行情况">
-              <TaskProgressList items={taskProgressItems} />
-            </Panel>
-            <Panel title="系统健康度">
-              <HealthScore value={92} tone="cyan" />
-            </Panel>
-            <Panel title="核心系统状态">
-              <div className="bp-ops-system-rings">
-                {[
-                  ["CPU使用率", "23%"],
-                  ["内存使用率", "46%"],
-                  ["磁盘使用率", "62%"],
-                  ["网络负载", "32%"],
-                ].map(([label, value]) => (
-                  <div key={label}>
-                    <i style={{ "--ring-value": value } as React.CSSProperties} />
-                    <strong>{value}</strong>
-                    <span>{label}</span>
-                  </div>
-                ))}
-              </div>
-            </Panel>
-            <Panel title="设备在线状态">
-              <DashboardChart option={deviceOption} height={230} />
-            </Panel>
-            <Panel title="告警实时监控" className="bp-ops-alert-list-panel">
-              <div className="bp-ops-alert-list">
-                {alerts.map(([title, level, status, time, tone]) => (
-                  <div key={title} className={`bp-ops-alert-row is-${tone}`}>
-                    <span>{title}</span>
-                    <Tag color={tone}>{level}</Tag>
-                    <Tag>{status}</Tag>
-                    <time>{time}</time>
-                  </div>
-                ))}
-              </div>
-            </Panel>
-          </section>
-
-          <section className="bp-ops-bottom">
-            <Panel title="快捷操作">
-              <QuickActionGrid
-                actions={quickActions.slice(4, 9)}
-                compact
-                onAction={(action) => openActionDrawer(action)}
-              />
-            </Panel>
-            <Panel title="平台公告">
-              <ActivityList items={activities.slice(0, 4)} />
-            </Panel>
-            <Panel title="今日数据摘要">
-              <div className="bp-ops-digest">
-                {[
-                  ["新增用户", "6,732", "15.3%"],
-                  ["订单总数", "3,528", "8.1%"],
-                  ["交易金额", "¥1,268,732", "11.7%"],
-                  ["转化率", "4.35%", "2.4%"],
-                ].map(([label, value, delta]) => (
-                  <div key={label}>
-                    <span>{label}</span>
-                    <strong>{value}</strong>
-                    <small>较昨日 ↑ {delta}</small>
-                  </div>
-                ))}
-              </div>
-            </Panel>
-          </section>
-        </>
-      )}
-
-      <TemplateActionDrawer
-        open={Boolean(drawerAction)}
-        title={drawerAction ? `${drawerAction.label}` : "新增任务"}
-        mode={drawerMode}
-        onClose={() => setDrawerAction(null)}
-        onSubmit={() => {
-          setDrawerAction(null);
-          message.success("任务已提交");
-        }}
-      />
-    </AdminShell>
-  );
-}

package/templates/sy-lowcode-app-workspace/examples/best-practices/src/pages/ops-monitor-dashboard/index.tsx

@@ -1,10 +0,0 @@
-import { createReactPage } from "openxiangda/runtime";
-
-import App from "./App";
-
-const page = createReactPage(App);
-
-export const mount = page.mount;
-export const update = page.update;
-export const unmount = page.unmount;
-export default page;

package/templates/sy-lowcode-app-workspace/examples/best-practices/src/pages/ops-monitor-dashboard/page.config.ts

@@ -1,14 +0,0 @@
-import { definePageConfig } from "@/types/app-workspace.types";
-
-export default definePageConfig({
-  code: "ops_monitor_dashboard",
-  name: "蓝紫运营监控中心",
-  description: "后台管理蓝紫运营监控中心模板",
-  route: { pathKey: "ops_monitor_dashboard" },
-  entry: {
-    mode: "app-shell",
-    hidePlatformNav: true,
-    defaultRoute: "monitor",
-  },
-  menu: { name: "蓝紫运营监控中心" },
-});