openxiangda 1.0.264 → 2.0.0-alpha.2

package/templates/sy-lowcode-app-workspace/examples/best-practices/src/pages/service-ticket-ops/styles.css

@@ -1,35 +0,0 @@
-.bp-ticket-ops {
-  min-height: 100%;
-  padding: 24px;
-  background: #f8fafc;
-}
-
-.bp-ticket-ops__header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-  margin-bottom: 16px;
-}
-
-.bp-ticket-ops__title {
-  margin: 0;
-}
-
-.bp-ticket-detail {
-  display: grid;
-  gap: 16px;
-}
-
-.bp-ticket-detail__description {
-  padding: 16px;
-  border: 1px solid #e2e8f0;
-  border-radius: 8px;
-  background: #ffffff;
-}
-
-.bp-query-state {
-  display: grid;
-  min-height: 120px;
-  place-items: center;
-}

package/templates/sy-lowcode-app-workspace/examples/best-practices/src/pages/work-order-list-drawer/App.tsx

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

package/templates/sy-lowcode-app-workspace/examples/best-practices/src/pages/work-order-list-drawer/WorkOrderListDrawerPage.tsx

@@ -1,371 +0,0 @@
-import {
-  DownloadOutlined,
-  PlusOutlined,
-  ReloadOutlined,
-} from "@ant-design/icons";
-import {
-  App as AntdApp,
-  Avatar,
-  Button,
-  DatePicker,
-  Input,
-  Select,
-  Space,
-  Table,
-  Tag,
-} from "antd";
-import type { TableProps } from "antd";
-import type { Key } from "react";
-import { useMemo, useState } from "react";
-
-import { QueryState } from "@/shared/components/QueryState";
-import {
-  AdminShell,
-  AdminTopbar,
-  IconGlyph,
-  Panel,
-  PriorityTag,
-  WorkOrderDrawer,
-  WorkOrderStatusTag,
-} from "@/shared/components/admin-ui-templates/DashboardPrimitives";
-import {
-  workOrderNavItems,
-  workOrders,
-} from "@/shared/components/admin-ui-templates/sampleData";
-import type {
-  DrawerMode,
-  WorkOrderPriority,
-  WorkOrderRecord,
-  WorkOrderStatus,
-} from "@/shared/components/admin-ui-templates/types";
-
-type StatusFilter = "all" | WorkOrderStatus;
-type ViewState = "ready" | "loading" | "empty" | "error";
-
-const statusOptions: Array<{ value: StatusFilter; label: string }> = [
-  { value: "all", label: "全部" },
-  { value: "pending", label: "待处理" },
-  { value: "processing", label: "处理中" },
-  { value: "done", label: "已完成" },
-  { value: "cancelled", label: "已取消" },
-];
-
-const priorityOptions: Array<{ value: "all" | WorkOrderPriority; label: string }> = [
-  { value: "all", label: "全部优先级" },
-  { value: "high", label: "高" },
-  { value: "medium", label: "中" },
-  { value: "low", label: "低" },
-];
-
-export function WorkOrderListDrawerPage() {
-  const { message } = AntdApp.useApp();
-  const [activeNav, setActiveNav] = useState("ticket-list");
-  const [keyword, setKeyword] = useState("");
-  const [statusFilter, setStatusFilter] = useState<StatusFilter>("all");
-  const [priorityFilter, setPriorityFilter] = useState<"all" | WorkOrderPriority>("all");
-  const [viewState, setViewState] = useState<ViewState>("ready");
-  const [selectedRowKeys, setSelectedRowKeys] = useState<Key[]>([]);
-  const [drawerMode, setDrawerMode] = useState<DrawerMode | null>(null);
-  const [selectedRecord, setSelectedRecord] = useState<WorkOrderRecord | null>(null);
-
-  const filteredRows = useMemo(() => {
-    const nextRows = workOrders.filter((item) => {
-      const keywordMatched =
-        !keyword ||
-        item.title.includes(keyword) ||
-        item.id.includes(keyword) ||
-        item.description.includes(keyword);
-      const statusMatched =
-        statusFilter === "all" ? true : item.status === statusFilter;
-      const priorityMatched =
-        priorityFilter === "all" ? true : item.priority === priorityFilter;
-      return keywordMatched && statusMatched && priorityMatched;
-    });
-    return viewState === "empty" ? [] : nextRows;
-  }, [keyword, priorityFilter, statusFilter, viewState]);
-
-  const statusStats = useMemo(
-    () => [
-      {
-        key: "all" as StatusFilter,
-        label: "全部工单",
-        value: workOrders.length,
-        icon: "ticket" as const,
-        tone: "blue" as const,
-      },
-      {
-        key: "pending" as StatusFilter,
-        label: "待处理",
-        value: workOrders.filter((item) => item.status === "pending").length,
-        icon: "task" as const,
-        tone: "orange" as const,
-      },
-      {
-        key: "processing" as StatusFilter,
-        label: "处理中",
-        value: workOrders.filter((item) => item.status === "processing").length,
-        icon: "monitor" as const,
-        tone: "blue" as const,
-      },
-      {
-        key: "done" as StatusFilter,
-        label: "已完成",
-        value: workOrders.filter((item) => item.status === "done").length,
-        icon: "approval" as const,
-        tone: "green" as const,
-      },
-      {
-        key: "cancelled" as StatusFilter,
-        label: "已取消",
-        value: workOrders.filter((item) => item.status === "cancelled").length,
-        icon: "setting" as const,
-        tone: "slate" as const,
-      },
-    ],
-    [],
-  );
-
-  const columns: TableProps<WorkOrderRecord>["columns"] = [
-    {
-      title: "工单编号",
-      dataIndex: "id",
-      width: 150,
-      fixed: "left",
-    },
-    {
-      title: "标题",
-      dataIndex: "title",
-      width: 220,
-      ellipsis: true,
-    },
-    {
-      title: "状态",
-      dataIndex: "status",
-      width: 100,
-      render: (status: WorkOrderStatus) => <WorkOrderStatusTag status={status} />,
-    },
-    {
-      title: "优先级",
-      dataIndex: "priority",
-      width: 90,
-      render: (priority: WorkOrderPriority) => <PriorityTag priority={priority} />,
-    },
-    {
-      title: "负责人",
-      dataIndex: "owner",
-      width: 110,
-      render: (_value: string, record) => (
-        <Space size={6}>
-          <Avatar size="small">{record.avatar}</Avatar>
-          {record.owner}
-        </Space>
-      ),
-    },
-    {
-      title: "所属部门",
-      dataIndex: "department",
-      width: 110,
-    },
-    {
-      title: "创建时间",
-      dataIndex: "createdAt",
-      width: 150,
-    },
-    {
-      title: "更新时间",
-      dataIndex: "updatedAt",
-      width: 150,
-    },
-    {
-      title: "操作",
-      key: "actions",
-      width: 150,
-      fixed: "right",
-      render: (_value: unknown, record) => (
-        <Space size={6}>
-          <Button type="link" size="small" onClick={() => openDrawer("detail", record)}>
-            查看
-          </Button>
-          <Button type="link" size="small" onClick={() => openDrawer("edit", record)}>
-            编辑
-          </Button>
-          <Button type="link" size="small" onClick={() => openDrawer("process", record)}>
-            处理
-          </Button>
-        </Space>
-      ),
-    },
-  ];
-
-  function openDrawer(mode: DrawerMode, record: WorkOrderRecord | null) {
-    setDrawerMode(mode);
-    setSelectedRecord(record);
-  }
-
-  function refresh() {
-    setViewState("loading");
-    window.setTimeout(() => {
-      setViewState("ready");
-      message.success("工单列表已刷新");
-    }, 500);
-  }
-
-  function submitDrawer() {
-    setDrawerMode(null);
-    message.success("操作已提交");
-  }
-
-  return (
-    <AdminShell
-      variant="work"
-      activeKey={activeNav}
-      navItems={workOrderNavItems}
-      brandTitle="OpenXiangda"
-      brandSubtitle="运营管理后台"
-      topbar={
-        <AdminTopbar
-          title="工作台 / 工单管理 / 工单列表"
-          searchPlaceholder="搜索功能、工单、人员"
-          userName="管理员"
-          extra={
-            <Select<ViewState>
-              size="small"
-              value={viewState}
-              onChange={setViewState}
-              options={[
-                { value: "ready", label: "正常" },
-                { value: "loading", label: "加载" },
-                { value: "empty", label: "空态" },
-                { value: "error", label: "错误" },
-              ]}
-            />
-          }
-        />
-      }
-      onNavChange={setActiveNav}
-    >
-      <Panel className="bp-work-filter-panel">
-        <div className="bp-work-filter-grid">
-          <label>
-            <span>关键词</span>
-            <Input.Search
-              allowClear
-              value={keyword}
-              placeholder="请输入标题/编号/内容"
-              onChange={(event) => setKeyword(event.target.value)}
-              onSearch={setKeyword}
-            />
-          </label>
-          <label>
-            <span>状态</span>
-            <Select<StatusFilter>
-              value={statusFilter}
-              onChange={setStatusFilter}
-              options={statusOptions}
-            />
-          </label>
-          <label>
-            <span>优先级</span>
-            <Select<"all" | WorkOrderPriority>
-              value={priorityFilter}
-              onChange={setPriorityFilter}
-              options={priorityOptions}
-            />
-          </label>
-          <label>
-            <span>创建时间</span>
-            <DatePicker.RangePicker />
-          </label>
-          <div className="bp-work-filter-actions">
-            <Button onClick={() => setViewState("ready")}>重置</Button>
-            <Button type="primary" onClick={() => setViewState("ready")}>
-              筛选
-            </Button>
-          </div>
-        </div>
-      </Panel>
-
-      <div className="bp-work-toolbar">
-        <Space wrap>
-          <Button
-            type="primary"
-            icon={<PlusOutlined />}
-            onClick={() => openDrawer("create", null)}
-          >
-            新建记录
-          </Button>
-          <Button>批量操作</Button>
-          <Button icon={<DownloadOutlined />}>导出</Button>
-          <Button icon={<ReloadOutlined />} loading={viewState === "loading"} onClick={refresh}>
-            刷新
-          </Button>
-        </Space>
-        <span>已选择 {selectedRowKeys.length} 项</span>
-      </div>
-
-      <section className="bp-work-stats">
-        {statusStats.map((item) => (
-          <button
-            key={item.key}
-            type="button"
-            className={statusFilter === item.key ? "is-active" : ""}
-            onClick={() => {
-              setStatusFilter(item.key);
-              setViewState("ready");
-            }}
-          >
-            <div>
-              <span>{item.label}</span>
-              <strong>{item.value}</strong>
-              <small>较昨日 +5.2%</small>
-            </div>
-            <IconGlyph name={item.icon} tone={item.tone} />
-          </button>
-        ))}
-      </section>
-
-      {viewState === "error" ? (
-        <Panel className="bp-work-state-panel">
-          <QueryState
-            error="模拟列表接口异常，请点击重试恢复。"
-            onRetry={() => setViewState("ready")}
-          />
-        </Panel>
-      ) : (
-        <Panel className="bp-work-table-panel">
-          {viewState === "empty" ? (
-            <QueryState empty />
-          ) : null}
-          <Table<WorkOrderRecord>
-            rowKey="id"
-            size="small"
-            columns={columns}
-            dataSource={filteredRows}
-            loading={viewState === "loading"}
-            rowSelection={{
-              selectedRowKeys,
-              onChange: (keys) => setSelectedRowKeys(keys),
-            }}
-            scroll={{ x: 1200 }}
-            pagination={{
-              pageSize: 8,
-              showSizeChanger: true,
-              showTotal: (total) => `共 ${total} 条`,
-            }}
-            onRow={(record) => ({
-              onDoubleClick: () => openDrawer("detail", record),
-            })}
-          />
-        </Panel>
-      )}
-
-      <WorkOrderDrawer
-        mode={drawerMode}
-        record={selectedRecord}
-        onClose={() => setDrawerMode(null)}
-        onSubmit={submitDrawer}
-        onSwitchMode={setDrawerMode}
-      />
-    </AdminShell>
-  );
-}

package/templates/sy-lowcode-app-workspace/examples/best-practices/src/pages/work-order-list-drawer/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/work-order-list-drawer/page.config.ts

@@ -1,14 +0,0 @@
-import { definePageConfig } from "@/types/app-workspace.types";
-
-export default definePageConfig({
-  code: "work_order_list_drawer",
-  name: "工单列表抽屉模板",
-  description: "后台管理 CRUD 列表页与右侧覆盖式抽屉模板",
-  route: { pathKey: "work_order_list_drawer" },
-  entry: {
-    mode: "app-shell",
-    hidePlatformNav: true,
-    defaultRoute: "ticket-list",
-  },
-  menu: { name: "工单列表抽屉模板" },
-});

package/templates/sy-lowcode-app-workspace/examples/best-practices/src/pages/work-order-list-drawer/styles.css

@@ -1,182 +0,0 @@
-.bp-work-filter-panel {
-  padding: 16px;
-}
-
-.bp-work-filter-grid {
-  display: grid;
-  grid-template-columns: minmax(220px, 1.2fr) 160px 160px minmax(280px, 1.1fr) auto;
-  gap: 14px;
-  align-items: end;
-}
-
-.bp-work-filter-grid label {
-  display: grid;
-  gap: 7px;
-  min-width: 0;
-}
-
-.bp-work-filter-grid label > span {
-  color: #334155;
-  font-size: 13px;
-  font-weight: 600;
-}
-
-.bp-work-filter-actions {
-  display: flex;
-  gap: 8px;
-  justify-content: flex-end;
-}
-
-.bp-work-toolbar {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-}
-
-.bp-work-toolbar > span {
-  color: #64748b;
-  font-size: 13px;
-}
-
-.bp-work-stats {
-  display: grid;
-  grid-template-columns: repeat(5, minmax(0, 1fr));
-  gap: 14px;
-}
-
-.bp-work-stats button {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 52px;
-  gap: 12px;
-  align-items: center;
-  min-height: 104px;
-  padding: 16px;
-  border: 1px solid #e5eaf2;
-  border-radius: 6px;
-  background: #ffffff;
-  color: #334155;
-  text-align: left;
-  cursor: pointer;
-  transition:
-    border 160ms ease,
-    box-shadow 160ms ease,
-    transform 160ms ease;
-}
-
-.bp-work-stats button:hover,
-.bp-work-stats button.is-active {
-  border-color: rgba(37, 99, 235, 0.42);
-  box-shadow: 0 10px 26px rgba(37, 99, 235, 0.1);
-  transform: translateY(-1px);
-}
-
-.bp-work-stats span,
-.bp-work-stats small {
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.bp-work-stats span {
-  color: #64748b;
-  font-size: 13px;
-}
-
-.bp-work-stats strong {
-  display: block;
-  margin: 8px 0;
-  color: #0f172a;
-  font-size: 25px;
-  line-height: 1;
-}
-
-.bp-work-stats small {
-  color: #10b981;
-  font-size: 12px;
-}
-
-.bp-work-stats .bp-admin-icon {
-  width: 52px;
-  height: 52px;
-  border-radius: 50%;
-  font-size: 22px;
-}
-
-.bp-work-stats .bp-admin-tone-blue {
-  color: #2563eb;
-  background: #dbeafe;
-}
-
-.bp-work-stats .bp-admin-tone-orange {
-  color: #f97316;
-  background: #ffedd5;
-}
-
-.bp-work-stats .bp-admin-tone-green,
-.bp-work-stats .bp-admin-tone-mint {
-  color: #16a34a;
-  background: #dcfce7;
-}
-
-.bp-work-stats .bp-admin-tone-purple {
-  color: #7c3aed;
-  background: #ede9fe;
-}
-
-.bp-work-stats .bp-admin-tone-slate {
-  color: #64748b;
-  background: #f1f5f9;
-}
-
-.bp-work-table-panel {
-  padding: 0;
-  overflow: hidden;
-}
-
-.bp-work-table-panel .ant-table-wrapper {
-  padding: 0;
-}
-
-.bp-work-table-panel .ant-table-thead > tr > th {
-  color: #475569;
-  font-size: 13px;
-  font-weight: 700;
-  background: #f8fafc;
-}
-
-.bp-work-table-panel .ant-table-tbody > tr > td {
-  color: #334155;
-  font-size: 13px;
-}
-
-.bp-work-table-panel .ant-pagination {
-  padding: 0 16px 14px;
-}
-
-.bp-work-state-panel {
-  min-height: 320px;
-}
-
-@media (max-width: 1280px) {
-  .bp-work-filter-grid {
-    grid-template-columns: 1fr 1fr;
-  }
-
-  .bp-work-stats {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-}
-
-@media (max-width: 760px) {
-  .bp-work-filter-grid,
-  .bp-work-stats {
-    grid-template-columns: 1fr;
-  }
-
-  .bp-work-toolbar {
-    align-items: stretch;
-    flex-direction: column;
-  }
-}

package/templates/sy-lowcode-app-workspace/examples/best-practices/src/resources/automations/daily-ticket-digest/automation.json

@@ -1,25 +0,0 @@
-{
-  "version": "v3",
-  "nodes": [
-    { "id": "start", "type": "start", "data": { "label": "开始" } },
-    {
-      "id": "daily_digest",
-      "type": "js_code",
-      "data": {
-        "label": "生成每日工单摘要",
-        "runtimeMode": "trusted_node",
-        "sourceType": "file_snapshot",
-        "scriptCode": "daily_ticket_digest",
-        "sourceFile": {
-          "localPath": "src/js-code-nodes/daily_ticket_digest/index.ts"
-        },
-        "timeout": 30000
-      }
-    },
-    { "id": "end", "type": "end", "data": { "label": "结束" } }
-  ],
-  "edges": [
-    { "id": "e_start_digest", "source": "start", "target": "daily_digest" },
-    { "id": "e_digest_end", "source": "daily_digest", "target": "end" }
-  ]
-}

package/templates/sy-lowcode-app-workspace/examples/best-practices/src/resources/automations/daily-ticket-digest/trigger.json

@@ -1,9 +0,0 @@
-{
-  "type": "scheduled",
-  "appType": "APP_XXX",
-  "enabled": true,
-  "scheduleType": "fixed_time",
-  "fixedTime": {
-    "cronExpression": "0 0 9 * * *"
-  }
-}

package/templates/sy-lowcode-app-workspace/examples/best-practices/src/resources/notifications/daily-ticket-digest.json

@@ -1,24 +0,0 @@
-{
-  "templates": [
-    {
-      "code": "daily_ticket_digest",
-      "name": "每日工单摘要",
-      "variables": ["title", "count", "riskCount"],
-      "channelsConfig": {
-        "inapp": {
-          "enabled": true,
-          "title": "{{title}}",
-          "content": "今日待处理 {{count}} 条，其中超时风险 {{riskCount}} 条"
-        }
-      }
-    }
-  ],
-  "typeConfigs": [
-    {
-      "notificationType": "daily_ticket_digest",
-      "templateCode": "daily_ticket_digest",
-      "enabled": true,
-      "priority": 0
-    }
-  ]
-}

package/templates/sy-lowcode-app-workspace/examples/best-practices/src/resources/permissions/form-groups/service-ticket-college.json

@@ -1,21 +0,0 @@
-{
-  "formCode": "service-ticket",
-  "name": "学院管理员查看本学院工单",
-  "type": "view",
-  "roles": ["college_admin"],
-  "operations": ["view", "edit", "change_records"],
-  "dataPermission": {
-    "type": "condition",
-    "condition": {
-      "logic": "AND",
-      "rules": [
-        {
-          "field": "collegeScopeKey",
-          "componentType": "Text",
-          "op": "=",
-          "value": "${ROLE_SCOPE_COLLEGE_KEY}"
-        }
-      ]
-    }
-  }
-}