@jzg223/design-runtime 0.0.0-stage → 0.0.1

package/dist/form/fields/checkbox-field.vue.js

@@ -0,0 +1,88 @@
+import { defineComponent, computed, watch, openBlock, createBlock, unref } from "vue";
+import { CheckboxGroup } from "antdv-next";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "checkbox-field",
+  props: {
+    cell: {},
+    disabled: { type: Boolean },
+    modelValue: {}
+  },
+  emits: ["update:modelValue", "update:derived"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function parseOptions() {
+      var _a;
+      if ((_a = props.cell.dicts) == null ? void 0 : _a.length) {
+        return props.cell.dicts.map((d) => ({
+          // 合并 select_sql 整行数据，树形/其它字段可直接取用（label/value 优先）
+          ...d.data || {},
+          label: d.dictLabel,
+          value: d.dictValue
+        }));
+      }
+      if (!props.cell.select_options) return [];
+      return props.cell.select_options.split("\n").map((line) => {
+        const [val, ...labelParts] = line.split("|");
+        return {
+          label: (labelParts.join("|") || val || "").trim(),
+          value: (val || "").trim()
+        };
+      }).filter((opt) => opt.value);
+    }
+    const options = computed(() => parseOptions());
+    const value = computed({
+      get: () => {
+        const v = props.modelValue;
+        if (!v) return [];
+        if (Array.isArray(v)) return v;
+        try {
+          const parsed = JSON.parse(v);
+          return Array.isArray(parsed) ? parsed : [];
+        } catch {
+          return [];
+        }
+      },
+      set: (val) => emit("update:modelValue", val)
+    });
+    function emitDerived() {
+      var _a, _b;
+      const deriveTo = props.cell.deriveTo;
+      if (!(deriveTo == null ? void 0 : deriveTo.length)) return;
+      const vals = value.value;
+      const items = (props.cell.dicts || []).filter(
+        (d) => vals.some((x) => String(x) === String(d.dictValue))
+      );
+      const derived = {};
+      let has = false;
+      for (const dt of deriveTo) {
+        let v;
+        if (vals.length === 0) {
+          v = null;
+        } else if (dt.source === "value") {
+          v = vals.join(",");
+        } else if (dt.source === "label") {
+          v = items.map((i) => i.dictLabel).join(",");
+        } else {
+          v = (_b = (_a = items[0]) == null ? void 0 : _a.data) == null ? void 0 : _b[dt.source];
+        }
+        if (v === void 0) continue;
+        derived[dt.field] = v;
+        has = true;
+      }
+      if (has) emit("update:derived", derived);
+    }
+    watch(() => value.value, emitDerived, { immediate: true });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(CheckboxGroup), {
+        value: value.value,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+        options: options.value,
+        disabled: props.disabled
+      }, null, 8, ["value", "options", "disabled"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/form/fields/checkbox-field2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./checkbox-field.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/form/fields/custom-field.vue.js

@@ -0,0 +1,36 @@
+import { defineComponent, computed, openBlock, createBlock, unref } from "vue";
+import { Input } from "antdv-next";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "custom-field",
+  props: {
+    cell: { default: () => ({}) },
+    disabled: { type: Boolean },
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const value = computed({
+      get: () => props.modelValue,
+      set: (val) => emit("update:modelValue", val)
+    });
+    const placeholder = computed(() => {
+      const cell = props.cell ?? {};
+      const comname = cell.comname ? `（组件名 ${cell.comname}）` : "";
+      return `未知字段类型${comname}: ${cell.type || "unknown"}`;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Input), {
+        value: value.value,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+        disabled: true,
+        placeholder: placeholder.value,
+        style: { "width": "100%", "color": "#999" }
+      }, null, 8, ["value", "placeholder"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/form/fields/custom-field2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./custom-field.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/form/fields/date-field.vue.js

@@ -0,0 +1,64 @@
+import { defineComponent, computed, watch, openBlock, createBlock, unref } from "vue";
+import dayjs from "dayjs";
+import { DateMonthPicker, DatePicker } from "antdv-next";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "date-field",
+  props: {
+    cell: {},
+    disabled: { type: Boolean },
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const dateFormat = computed(() => props.cell.dateType || "YYYY-MM-DD");
+    watch(
+      () => props.modelValue,
+      (val) => {
+        if (typeof val === "string" && val.includes("T") && dayjs(val).isValid()) {
+          const normalized = dayjs(val).format(dateFormat.value);
+          if (normalized !== val) {
+            emit("update:modelValue", normalized);
+          }
+        }
+      },
+      { immediate: true }
+    );
+    const value = computed({
+      get: () => props.modelValue,
+      set: (val) => emit("update:modelValue", val)
+    });
+    const isDisabled = computed(
+      () => props.disabled || props.cell.readonly === "2"
+    );
+    const isMonth = computed(() => {
+      const dt = props.cell.dateType;
+      return dt && !dt.toLowerCase().includes("dd");
+    });
+    return (_ctx, _cache) => {
+      return isMonth.value ? (openBlock(), createBlock(unref(DateMonthPicker), {
+        key: 0,
+        value: value.value,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+        disabled: isDisabled.value,
+        "value-format": __props.cell.dateType,
+        format: __props.cell.dateType,
+        placeholder: "请选择月份",
+        style: { "width": "100%" }
+      }, null, 8, ["value", "disabled", "value-format", "format"])) : (openBlock(), createBlock(unref(DatePicker), {
+        key: 1,
+        value: value.value,
+        "onUpdate:value": _cache[1] || (_cache[1] = ($event) => value.value = $event),
+        disabled: isDisabled.value,
+        "value-format": dateFormat.value,
+        format: dateFormat.value,
+        placeholder: "请选择日期",
+        style: { "width": "100%" }
+      }, null, 8, ["value", "disabled", "value-format", "format"]));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/form/fields/date-field2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./date-field.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/form/fields/embedded-list-field.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./embedded-list-field2.vue.js";
+/* empty css                         */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const EmbeddedListField = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0524a510"]]);
+export {
+  EmbeddedListField as default
+};

package/dist/form/fields/embedded-list-field2.vue.js

@@ -0,0 +1,437 @@
+import { defineComponent, useCssVars, computed, ref, watch, openBlock, createElementBlock, createElementVNode, toDisplayString, createBlock, unref, withCtx, Fragment, renderList, resolveDynamicComponent, createTextVNode, createCommentVNode, createVNode, createSlots, nextTick } from "vue";
+import { MoreOutlined, ExportOutlined, InboxOutlined, DownloadOutlined, PlusOutlined } from "@antdv-next/icons";
+import { Space, Button, Spin, Alert } from "antdv-next";
+import { fetchTableConfig } from "../../api.js";
+import { requireVxeGrid, requireHttp } from "../../host.js";
+import { platformMessage } from "../../components/design-shared/host-api.js";
+import { resolveRowActionComponent } from "../../components/design-table/row-actions/index.js";
+import { resolveToolComponent } from "../../components/design-tools/index.js";
+import { evaluateMappedExpress } from "../../mapping.js";
+import { transformTableConfig } from "../../table/transformer.js";
+const _hoisted_1 = { class: "embed-list" };
+const _hoisted_2 = { class: "embed-list__head" };
+const _hoisted_3 = ["title"];
+const _hoisted_4 = {
+  key: 1,
+  class: "embed-list__tip"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "embed-list__loading"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "embed-list__error"
+};
+const _hoisted_7 = {
+  key: 2,
+  class: "embed-list__error"
+};
+const _hoisted_8 = {
+  key: 3,
+  class: "embed-list__body"
+};
+const _hoisted_9 = {
+  key: 4,
+  class: "embed-list__error"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "EmbeddedListField" },
+  __name: "embedded-list-field",
+  props: {
+    cell: {},
+    master: { default: () => ({}) },
+    pfield: { default: "id" },
+    extraParams: { default: () => ({}) },
+    category: { default: "" }
+  },
+  emits: ["row-command", "tool-command"],
+  setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "v09d39f07": `${listHeight.value}px`
+    }));
+    const props = __props;
+    const emit = __emit;
+    const embeddedList = computed(() => {
+      var _a;
+      return ((_a = props.cell) == null ? void 0 : _a.embeddedList) ?? {};
+    });
+    const listModule = computed(() => embeddedList.value.module || props.category || "");
+    const listName = computed(() => embeddedList.value.name || "");
+    const listIdentity = computed(() => `${listModule.value}/${listName.value}`);
+    const headerTitle = computed(() => {
+      var _a;
+      return ((_a = props.cell) == null ? void 0 : _a.title) || embeddedList.value.title || listName.value || "内嵌列表";
+    });
+    const listHeight = computed(() => {
+      var _a;
+      const h = Number((_a = props.cell) == null ? void 0 : _a.embeddedHeight);
+      return Number.isFinite(h) && h > 0 ? h : 300;
+    });
+    const masterId = computed(() => {
+      var _a;
+      return (_a = props.master) == null ? void 0 : _a[props.pfield];
+    });
+    const active = computed(() => {
+      const id = masterId.value;
+      return id !== void 0 && id !== null && id !== "";
+    });
+    const relationParams = computed(() => {
+      var _a;
+      const result = {};
+      const mappings = ((_a = props.cell) == null ? void 0 : _a.mappings) ?? [];
+      if (!Array.isArray(mappings)) return result;
+      const scope = { data: props.master ?? {}, params: props.extraParams ?? {} };
+      for (const m of mappings) {
+        if (!(m == null ? void 0 : m.paramName)) continue;
+        const val = evaluateMappedExpress(m.express, scope);
+        if (val === void 0 || val === null || val === "") continue;
+        result[m.paramName] = val;
+      }
+      return result;
+    });
+    const relationParamsJson = computed(() => JSON.stringify(relationParams.value));
+    const paramsRef = ref({});
+    watch(
+      () => relationParams.value,
+      (val) => {
+        paramsRef.value = val ?? {};
+      },
+      { immediate: true }
+    );
+    const listConfig = ref(null);
+    const listLoading = ref(false);
+    const listError = ref(null);
+    const loadedIdentity = ref("");
+    function listReady() {
+      return loadedIdentity.value === listIdentity.value && !!listConfig.value;
+    }
+    async function ensureConfig() {
+      const moduleName = listModule.value;
+      const name = listName.value;
+      if (!moduleName || !name) {
+        loadedIdentity.value = "";
+        listConfig.value = null;
+        listError.value = null;
+        return;
+      }
+      if (listReady()) return;
+      listLoading.value = true;
+      listError.value = null;
+      loadedIdentity.value = "";
+      listConfig.value = null;
+      try {
+        const resp = await fetchTableConfig(moduleName, name);
+        listConfig.value = resp;
+        loadedIdentity.value = `${moduleName}/${name}`;
+      } catch (err) {
+        const msg = (err == null ? void 0 : err.message) ?? "";
+        if (msg.includes("未发现")) {
+          listConfig.value = null;
+        } else {
+          listError.value = msg || "加载列表配置失败";
+          listConfig.value = null;
+        }
+      } finally {
+        listLoading.value = false;
+      }
+    }
+    watch(
+      () => [listModule.value, listName.value],
+      () => {
+        void ensureConfig();
+      },
+      { immediate: true }
+    );
+    let pendingRefresh = null;
+    function gridInProxyMode() {
+      var _a, _b;
+      return !!((_b = (_a = gridApi == null ? void 0 : gridApi.grid) == null ? void 0 : _a.proxyConfig) == null ? void 0 : _b.ajax);
+    }
+    function flushPendingRefresh() {
+      const mode = pendingRefresh;
+      pendingRefresh = null;
+      if (mode === "remount") {
+        gridKey.value += 1;
+      } else if (mode === "query") {
+        gridReadyReload();
+      }
+    }
+    function scheduleGridRemount() {
+      if (pendingRefresh) {
+        pendingRefresh = "remount";
+        return;
+      }
+      pendingRefresh = "remount";
+      nextTick(flushPendingRefresh);
+    }
+    function requestListRefresh() {
+      if (!active.value || !listReady()) return;
+      if (pendingRefresh) {
+        if (pendingRefresh === "remount" || !gridInProxyMode()) {
+          pendingRefresh = "remount";
+        }
+        return;
+      }
+      pendingRefresh = gridInProxyMode() ? "query" : "remount";
+      nextTick(flushPendingRefresh);
+    }
+    function gridReadyReload() {
+      var _a;
+      const api = gridApi;
+      if ((_a = api == null ? void 0 : api.grid) == null ? void 0 : _a.commitProxy) {
+        void api.query();
+      }
+    }
+    watch(
+      () => active.value,
+      (val, oldVal) => {
+        if (val === oldVal || !listReady()) return;
+        if (val) {
+          requestListRefresh();
+        } else {
+          pendingRefresh = null;
+          scheduleGridRemount();
+        }
+      }
+    );
+    watch(
+      () => relationParamsJson.value,
+      () => {
+        requestListRefresh();
+      }
+    );
+    const gridOptions = computed(() => {
+      var _a, _b, _c;
+      const cfg = listConfig.value;
+      if (!cfg) return {};
+      const result = transformTableConfig(cfg, listHeight.value);
+      const g = result.gridOptions;
+      if (active.value) {
+        const originalQuery = (_b = (_a = g.proxyConfig) == null ? void 0 : _a.ajax) == null ? void 0 : _b.query;
+        if (originalQuery) {
+          g.proxyConfig = {
+            ...g.proxyConfig,
+            ajax: {
+              ...(_c = g.proxyConfig) == null ? void 0 : _c.ajax,
+              query: async (page, formValues = {}) => {
+                const mapped = paramsRef.value || {};
+                return originalQuery(page, { ...formValues, ...mapped }, mapped);
+              }
+            }
+          };
+        }
+      } else {
+        g.data = [];
+        g.proxyConfig = void 0;
+      }
+      g.pagerConfig = {
+        enabled: false,
+        pageSize: Math.max(Number(cfg.pagesize) || 10, 200)
+      };
+      g.toolbarConfig = { custom: false, zoom: false, refresh: false };
+      return g;
+    });
+    const [Grid, gridApi] = requireVxeGrid()({ gridOptions: {} });
+    const gridKey = ref(0);
+    watch(
+      () => listConfig.value,
+      (val, oldVal) => {
+        if (val === oldVal) return;
+        pendingRefresh = null;
+        gridKey.value += 1;
+      }
+    );
+    const parsedTools = computed(() => {
+      var _a;
+      return ((_a = listConfig.value) == null ? void 0 : _a.toolBars) ?? [];
+    });
+    const toolLabelMap = {
+      add: "新增",
+      export: "导出",
+      import: "导入",
+      "modal-combo": "弹窗组合视图",
+      "modal-form": "弹窗表单",
+      "modal-table": "弹窗列表",
+      "modal-tree": "弹窗树形视图",
+      "navigate-combo": "跳转组合视图",
+      "navigate-form": "跳转表单",
+      "navigate-table": "跳转表格",
+      other: "其他"
+    };
+    function getToolLabel(tool) {
+      return tool.title || tool.label || toolLabelMap[tool.type ?? ""] || tool.type || "";
+    }
+    const toolIconMap = {
+      add: PlusOutlined,
+      export: DownloadOutlined,
+      import: InboxOutlined,
+      "navigate-form": ExportOutlined,
+      "navigate-table": ExportOutlined,
+      "navigate-combo": ExportOutlined,
+      other: MoreOutlined
+    };
+    function toolIcon(tool) {
+      return toolIconMap[tool.type ?? ""] || PlusOutlined;
+    }
+    const toolRefs = ref({});
+    function setToolRef(idx) {
+      return (el) => {
+        toolRefs.value[idx] = el;
+      };
+    }
+    function handleToolClick(_tool, idx) {
+      var _a;
+      const inst = toolRefs.value[idx];
+      (_a = inst == null ? void 0 : inst.trigger) == null ? void 0 : _a.call(inst);
+    }
+    function handleToolSaved() {
+      gridReadyReload();
+    }
+    function handleToolImported() {
+      gridReadyReload();
+    }
+    function handleToolCommand(tool) {
+      emit("tool-command", tool);
+    }
+    const parsedActions = computed(() => {
+      var _a;
+      return ((_a = listConfig.value) == null ? void 0 : _a.rowActions) ?? [];
+    });
+    const listPfield = computed(() => {
+      var _a;
+      return ((_a = listConfig.value) == null ? void 0 : _a.pfield) || "id";
+    });
+    const hasAutoActions = computed(() => {
+      var _a;
+      const columns = (_a = gridOptions.value) == null ? void 0 : _a.columns;
+      return Array.isArray(columns) ? columns.some((c) => {
+        var _a2;
+        return ((_a2 = c.slots) == null ? void 0 : _a2.default) === "action";
+      }) : false;
+    });
+    function handleRowSaved() {
+      gridReadyReload();
+    }
+    function handleRowDeleted(row) {
+      var _a;
+      const url = (_a = listConfig.value) == null ? void 0 : _a.deleteUrl;
+      if (!url) {
+        platformMessage().error("列表未配置「删除地址」");
+        return;
+      }
+      requireHttp().post(url, { id: row[listPfield.value] }).then(() => gridReadyReload()).catch((err) => {
+        console.error("[embedded-list] 删除失败:", (err == null ? void 0 : err.message) ?? err);
+      });
+    }
+    function handleRowCommand(action, row) {
+      emit("row-command", action, row);
+    }
+    const tipText = computed(() => {
+      if (!active.value) {
+        return listName.value ? "" : "请先在表单设计中选择内嵌列表";
+      }
+      if (!listName.value) return "未配置内嵌列表";
+      if (listError.value) return listError.value;
+      return "";
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("span", {
+            class: "embed-list__title",
+            title: headerTitle.value
+          }, toDisplayString(headerTitle.value), 9, _hoisted_3),
+          active.value && parsedTools.value.length > 0 && !listError.value ? (openBlock(), createBlock(unref(Space), {
+            key: 0,
+            class: "embed-list__tools",
+            size: "small"
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(parsedTools.value, (tool, idx) => {
+                return openBlock(), createBlock(unref(Button), {
+                  key: "tool" + idx,
+                  shape: "round",
+                  onClick: ($event) => handleToolClick(tool, idx)
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(), createBlock(resolveDynamicComponent(toolIcon(tool)))),
+                    createTextVNode(" " + toDisplayString(getToolLabel(tool)), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]);
+              }), 128))
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          tipText.value && !active.value ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(tipText.value), 1)) : createCommentVNode("", true)
+        ]),
+        listLoading.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          createVNode(unref(Spin), { size: "small" })
+        ])) : listError.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          createVNode(unref(Alert), {
+            message: listError.value,
+            type: "error",
+            "show-icon": ""
+          }, null, 8, ["message"])
+        ])) : !listName.value ? (openBlock(), createElementBlock("div", _hoisted_7, [
+          createVNode(unref(Alert), {
+            message: "未配置内嵌列表：请到表单设计中选择本模块的一个列表",
+            type: "warning",
+            "show-icon": ""
+          })
+        ])) : listConfig.value ? (openBlock(), createElementBlock("div", _hoisted_8, [
+          (openBlock(), createBlock(unref(Grid), {
+            key: gridKey.value,
+            "grid-options": gridOptions.value,
+            separator: false,
+            class: "embed-list__grid"
+          }, createSlots({ _: 2 }, [
+            hasAutoActions.value ? {
+              name: "action",
+              fn: withCtx(({ row }) => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(parsedActions.value, (action) => {
+                  return openBlock(), createBlock(resolveDynamicComponent(unref(resolveRowActionComponent)(action.type)), {
+                    key: action.type,
+                    action,
+                    row,
+                    category: __props.category,
+                    pfield: __props.pfield,
+                    "grid-api": unref(gridApi),
+                    onDeleted: handleRowDeleted,
+                    onSaved: handleRowSaved,
+                    onCommand: handleRowCommand
+                  }, null, 40, ["action", "row", "category", "pfield", "grid-api"]);
+                }), 128))
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["grid-options"]))
+        ])) : (openBlock(), createElementBlock("div", _hoisted_9, [
+          createVNode(unref(Alert), {
+            message: "所选列表配置不存在或尚未发布，请到构建端确认列表名称",
+            type: "warning",
+            "show-icon": ""
+          })
+        ])),
+        active.value && listConfig.value && !listLoading.value ? (openBlock(true), createElementBlock(Fragment, { key: 5 }, renderList(parsedTools.value, (tool, idx) => {
+          return openBlock(), createBlock(resolveDynamicComponent(unref(resolveToolComponent)(tool.type)), {
+            key: "drawer-" + idx,
+            ref_for: true,
+            ref: setToolRef(idx),
+            tool,
+            category: __props.category,
+            pfield: __props.pfield,
+            "grid-api": unref(gridApi),
+            onSaved: handleToolSaved,
+            onImported: handleToolImported,
+            onCommand: handleToolCommand
+          }, null, 40, ["tool", "category", "pfield", "grid-api"]);
+        }), 128)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};