@jzg223/design-runtime 0.0.0-stage → 0.0.1

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

@@ -0,0 +1,32 @@
+import { defineComponent, computed, openBlock, createBlock, unref } from "vue";
+import { Switch } from "antdv-next";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "switch-field",
+  props: {
+    cell: {},
+    disabled: { type: Boolean },
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isDisabled = computed(
+      () => props.disabled || props.cell.readonly === "2"
+    );
+    const checked = computed({
+      get: () => props.modelValue !== "0" && props.modelValue !== 0 && props.modelValue !== false && !!props.modelValue,
+      set: (val) => emit("update:modelValue", val ? 1 : 0)
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Switch), {
+        checked: checked.value,
+        "onUpdate:checked": _cache[0] || (_cache[0] = ($event) => checked.value = $event),
+        disabled: isDisabled.value
+      }, null, 8, ["checked", "disabled"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,78 @@
+import { defineComponent, computed, openBlock, createBlock, unref } from "vue";
+import { TextArea, InputNumber, InputPassword, Input } from "antdv-next";
+import { parsePrecision, roundToPrecision } from "../number-precision.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "text-field",
+  props: {
+    cell: {},
+    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 isDisabled = computed(
+      () => props.disabled || props.cell.readonly === "2"
+    );
+    const precision = computed(
+      () => parsePrecision(props.cell.decimalLen)
+    );
+    function onNumberInput(text) {
+      if (text === "" || text === null || text === void 0) {
+        emit("update:modelValue", void 0);
+        return;
+      }
+      const num = Number(text);
+      if (Number.isNaN(num)) {
+        emit("update:modelValue", text);
+        return;
+      }
+      emit("update:modelValue", roundToPrecision(num, precision.value));
+    }
+    return (_ctx, _cache) => {
+      return __props.cell.text_type === "textarea" ? (openBlock(), createBlock(unref(TextArea), {
+        key: 0,
+        value: value.value,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+        disabled: isDisabled.value,
+        placeholder: `请输入${__props.cell.title}`,
+        "auto-size": { minRows: 3, maxRows: 6 }
+      }, null, 8, ["value", "disabled", "placeholder"])) : __props.cell.text_type === "number" ? (openBlock(), createBlock(unref(InputNumber), {
+        key: 1,
+        value: value.value,
+        "onUpdate:value": _cache[1] || (_cache[1] = ($event) => value.value = $event),
+        disabled: isDisabled.value,
+        precision: precision.value,
+        "addon-after": __props.cell.after,
+        "addon-before": __props.cell.before,
+        placeholder: `请输入${__props.cell.title}`,
+        style: { "width": "100%" },
+        onInput: onNumberInput
+      }, null, 8, ["value", "disabled", "precision", "addon-after", "addon-before", "placeholder"])) : __props.cell.text_type === "password" ? (openBlock(), createBlock(unref(InputPassword), {
+        key: 2,
+        value: value.value,
+        "onUpdate:value": _cache[2] || (_cache[2] = ($event) => value.value = $event),
+        disabled: isDisabled.value,
+        "addon-after": __props.cell.after,
+        "addon-before": __props.cell.before,
+        placeholder: `请输入${__props.cell.title}`
+      }, null, 8, ["value", "disabled", "addon-after", "addon-before", "placeholder"])) : (openBlock(), createBlock(unref(Input), {
+        key: 3,
+        value: value.value,
+        "onUpdate:value": _cache[3] || (_cache[3] = ($event) => value.value = $event),
+        disabled: isDisabled.value,
+        "addon-after": __props.cell.after,
+        "addon-before": __props.cell.before,
+        placeholder: `请输入${__props.cell.title}`
+      }, null, 8, ["value", "disabled", "addon-after", "addon-before", "placeholder"]));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,50 @@
+import { defineComponent, watch, computed, openBlock, createBlock, unref } from "vue";
+import dayjs from "dayjs";
+import { DatePicker } from "antdv-next";
+const dateFormat = "YYYY-MM-DD HH:mm:ss";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "time-field",
+  props: {
+    cell: {},
+    disabled: { type: Boolean },
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    watch(
+      () => props.modelValue,
+      (val) => {
+        if (typeof val === "string" && val.includes("T") && dayjs(val).isValid()) {
+          const normalized = dayjs(val).format(dateFormat);
+          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"
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DatePicker), {
+        value: value.value,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+        disabled: isDisabled.value,
+        "show-time": "",
+        "value-format": "YYYY-MM-DD HH:mm:ss",
+        placeholder: "请选择时间",
+        style: { "width": "100%" }
+      }, null, 8, ["value", "disabled"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,157 @@
+import { defineComponent, computed, ref, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, normalizeStyle, createBlock } from "vue";
+import { Input, Modal, Spin, Empty, Table } from "antdv-next";
+import { SearchOutlined } from "@antdv-next/icons";
+const _hoisted_1 = { style: { "width": "100%" } };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "tree-field",
+  props: {
+    cell: {},
+    disabled: { type: Boolean },
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isDisabled = computed(
+      () => props.disabled || props.cell.readonly === "2"
+    );
+    const modalVisible = ref(false);
+    const searchValue = ref("");
+    const expandedRowKeys = ref([]);
+    const selectedRowKeys = ref([]);
+    const selectedNode = ref(null);
+    const displayText = ref("");
+    const loading = ref(false);
+    const dataSource = ref([]);
+    const dataList = ref([]);
+    const columns = [
+      { title: "编号", dataIndex: "code", key: "code", width: "30%" },
+      { title: "名称", dataIndex: "name", key: "name", width: "70%" }
+    ];
+    const tableData = computed(() => {
+      if (!searchValue.value) return dataSource.value;
+      return dataList.value.filter((item) => {
+        const name = item.name || item.label || "";
+        const code = item.code || "";
+        return name.includes(searchValue.value) || String(code).includes(searchValue.value);
+      });
+    });
+    async function loadTreeRoot() {
+      const dict = props.cell.dict;
+      if (!dict) return;
+      loading.value = true;
+      try {
+        console.warn("[TreeField] 树形字典接口待对接，dict:", dict);
+      } finally {
+        loading.value = false;
+      }
+    }
+    function openModal() {
+      if (isDisabled.value) return;
+      modalVisible.value = true;
+      if (dataSource.value.length === 0) {
+        loadTreeRoot();
+      }
+    }
+    function handleOk() {
+      if (selectedNode.value) {
+        displayText.value = selectedNode.value.name || "";
+        emit("update:modelValue", selectedNode.value.code || selectedNode.value.id);
+      }
+      modalVisible.value = false;
+    }
+    function handleCancel() {
+      modalVisible.value = false;
+    }
+    function handleClear() {
+      displayText.value = "";
+      selectedNode.value = null;
+      selectedRowKeys.value = [];
+      emit("update:modelValue", "");
+    }
+    function onSelectRow(record) {
+      selectedRowKeys.value = [record.id || record.key];
+      selectedNode.value = record;
+    }
+    function handleExpand(expanded, record) {
+      const key = record.id || record.key;
+      if (expanded) {
+        expandedRowKeys.value.push(key);
+      } else {
+        expandedRowKeys.value = expandedRowKeys.value.filter((k) => k !== key);
+      }
+    }
+    function handleSearch() {
+      expandedRowKeys.value = [];
+    }
+    const sourceDisplay = computed(() => {
+      return props.modelValue || "";
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(Input), {
+          value: sourceDisplay.value,
+          disabled: isDisabled.value,
+          placeholder: `请选择${__props.cell.title}`,
+          "allow-clear": "",
+          style: { "width": "100%" },
+          onClear: handleClear,
+          onClick: openModal
+        }, {
+          suffix: withCtx(() => [
+            createElementVNode("span", {
+              style: normalizeStyle({
+                cursor: isDisabled.value ? "not-allowed" : "pointer",
+                color: "#bfbfbf",
+                marginLeft: "10px"
+              }),
+              onClick: openModal
+            }, [
+              createVNode(unref(SearchOutlined))
+            ], 4)
+          ]),
+          _: 1
+        }, 8, ["value", "disabled", "placeholder"]),
+        createVNode(unref(Modal), {
+          title: `${__props.cell.title || "选择"}帮助`,
+          open: modalVisible.value,
+          width: "800px",
+          onOk: handleOk,
+          onCancel: handleCancel
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(Spin), { spinning: loading.value }, {
+              default: withCtx(() => [
+                createVNode(unref(Input), {
+                  value: searchValue.value,
+                  "onUpdate:value": _cache[0] || (_cache[0] = ($event) => searchValue.value = $event),
+                  placeholder: "请输入编号或名称按回车进行搜索",
+                  style: { "margin-bottom": "16px" },
+                  onPressEnter: handleSearch
+                }, null, 8, ["value"]),
+                tableData.value.length === 0 ? (openBlock(), createBlock(unref(Empty), { key: 0 })) : (openBlock(), createBlock(unref(Table), {
+                  key: 1,
+                  "row-key": "id",
+                  columns,
+                  "data-source": tableData.value,
+                  pagination: false,
+                  "expanded-row-keys": expandedRowKeys.value,
+                  "row-class-name": (record) => selectedRowKeys.value.includes(record.id) ? "tree-select-row-selected" : "",
+                  size: "middle",
+                  onExpand: handleExpand,
+                  onCustomRow: _cache[1] || (_cache[1] = (record) => ({ onClick: () => onSelectRow(record) }))
+                }, null, 8, ["data-source", "expanded-row-keys", "row-class-name"]))
+              ]),
+              _: 1
+            }, 8, ["spinning"])
+          ]),
+          _: 1
+        }, 8, ["title", "open"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

package/dist/form/number-precision.js

@@ -0,0 +1,18 @@
+function parsePrecision(raw) {
+  if (raw === null || raw === void 0) return void 0;
+  const s = typeof raw === "string" ? raw.trim() : raw;
+  if (s === "") return void 0;
+  const n = Number(s);
+  if (!Number.isFinite(n) || !Number.isInteger(n) || n < 0) return void 0;
+  return n;
+}
+function roundToPrecision(num, precision) {
+  if (precision === void 0 || !Number.isFinite(num)) return num;
+  const f = 10 ** precision;
+  const sign = num < 0 ? -1 : 1;
+  return Math.round((num + Number.EPSILON * sign) * f) / f;
+}
+export {
+  parsePrecision,
+  roundToPrecision
+};

package/dist/form/transformer.js

@@ -0,0 +1,162 @@
+function parseSelectOptions(raw) {
+  if (!raw) return [];
+  return raw.split("\n").map((line) => {
+    const [value, ...labelParts] = line.split("|");
+    return {
+      label: (labelParts.join("|") || value || "").trim(),
+      value: (value || "").trim()
+    };
+  }).filter((opt) => opt.value);
+}
+function mapFieldType(cell) {
+  const type = cell.type || "text";
+  switch (type) {
+    case "text": {
+      switch (cell.text_type) {
+        case "textarea":
+          return "Textarea";
+        case "number":
+          return "InputNumber";
+        case "password":
+          return "InputPassword";
+        default:
+          return "Input";
+      }
+    }
+    case "select":
+      return "Select";
+    case "date":
+      return "DatePicker";
+    case "time":
+      return "TimePicker";
+    case "tree":
+      return "TreeSelect";
+    case "radio":
+      return "RadioGroup";
+    case "checkbox":
+      return "CheckboxGroup";
+    case "image":
+      return "ImageUpload";
+    case "file":
+    case "fj":
+      return "FileUpload";
+    case "switch":
+      return "Switch";
+    case "splitline":
+      return "Divider";
+    case "org-select":
+    case "orgs-select":
+      return "ApiTreeSelect";
+    default:
+      return "Input";
+  }
+}
+function transformCellToSchema(cell) {
+  var _a, _b;
+  if (cell.type === "splitline") return null;
+  if (!cell.name) return null;
+  const component = mapFieldType(cell);
+  const schema = {
+    component,
+    fieldName: cell.name,
+    label: cell.title
+  };
+  const componentProps = {};
+  if (cell.type === "text") {
+    componentProps.placeholder = `请输入${cell.title}`;
+  }
+  if (cell.type === "select" || cell.type === "radio" || cell.type === "checkbox") {
+    let options = [];
+    if ((_a = cell.dicts) == null ? void 0 : _a.length) {
+      options = cell.dicts.map((d) => ({
+        // 合并 select_sql 整行数据，树形/其它字段可直接取用（label/value 优先）
+        ...d.data || {},
+        label: d.dictLabel,
+        value: d.dictValue
+      }));
+    } else {
+      options = parseSelectOptions(cell.select_options);
+    }
+    if (options.length > 0) {
+      componentProps.options = options;
+    }
+  }
+  if (cell.after) componentProps.addonAfter = cell.after;
+  if (cell.before) componentProps.addonBefore = cell.before;
+  if (cell.type === "text" && cell.text_type === "textarea") {
+    componentProps.autoSize = { minRows: 3, maxRows: 6 };
+  }
+  if (cell.type === "text" && cell.text_type === "number") {
+    componentProps.style = { width: "100%" };
+  }
+  if (cell.type === "date") {
+    componentProps.valueFormat = ((_b = cell.dateType) == null ? void 0 : _b.includes("HH")) ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
+  }
+  if (cell.readonly === "2") {
+    componentProps.disabled = true;
+  }
+  schema.componentProps = componentProps;
+  if (cell.isneed === "1") {
+    schema.rules = "required";
+  }
+  const span = cell.mergeColCount || 1;
+  if (span > 1) {
+    schema.formItemClass = `col-span-${span}`;
+  }
+  return schema;
+}
+function transformFormConfig(config) {
+  let rawCells = [];
+  let colWidths = [];
+  let rowHeights = [];
+  let totalCol = 0;
+  let totalRow = 0;
+  if (config.config) {
+    rawCells = config.config.cells;
+    colWidths = config.config.colWidths ?? [];
+    rowHeights = config.config.rowHeights ?? [];
+    totalCol = config.config.totalCol ?? 0;
+    totalRow = config.config.totalRow ?? 0;
+  } else if (config.content) {
+    try {
+      const parsed = typeof config.content === "string" ? JSON.parse(config.content) : config.content;
+      if (parsed && Array.isArray(parsed.cells)) {
+        rawCells = parsed.cells;
+        colWidths = parsed.colWidths ?? [];
+        rowHeights = parsed.rowHeights ?? [];
+        totalCol = parsed.totalCol ?? 0;
+        totalRow = parsed.totalRow ?? 0;
+      } else {
+        console.warn(
+          "[design-runtime][form] 旧格式 content 解析结果不是表单结构，已按空表单处理"
+        );
+      }
+    } catch (error) {
+      console.warn(
+        "[design-runtime][form] 旧格式 content 不是合法 JSON，已按空表单处理：",
+        (error == null ? void 0 : error.message) ?? error
+      );
+    }
+  }
+  const schema = rawCells.map(transformCellToSchema).filter((s) => s !== null);
+  const gridConfig = {
+    cells: rawCells,
+    colWidths,
+    rowHeights,
+    totalCol,
+    totalRow,
+    derivedFieldList: config.derivedFieldList ?? []
+  };
+  return {
+    gridConfig,
+    schema,
+    labelWidth: config.labelwidth || 150,
+    insertUrl: config.insertUrl,
+    updateUrl: config.updateUrl,
+    deleteUrl: config.deleteUrl,
+    showUrl: config.showUrl
+  };
+}
+export {
+  transformFormConfig
+};

package/dist/host.js

@@ -0,0 +1,76 @@
+import { checkDesignRuntimeCompat } from "./compat.js";
+let host = {};
+let compatChecked = false;
+function mergeGroup(prev, next) {
+  if (!next) return prev;
+  return { ...prev ?? {}, ...next };
+}
+function installDesignPlatform(next) {
+  host = {
+    ...host,
+    ...next,
+    dict: mergeGroup(host.dict, next.dict),
+    ui: mergeGroup(host.ui, next.ui),
+    workflow: mergeGroup(host.workflow, next.workflow)
+  };
+  if (!compatChecked) {
+    compatChecked = true;
+    checkDesignRuntimeCompat({ throwOnError: host.strictCompat === true });
+  }
+  return host;
+}
+function getDesignHost() {
+  return host;
+}
+function hostT(key, fallback) {
+  var _a;
+  const value = (_a = host.t) == null ? void 0 : _a.call(host, key);
+  return typeof value === "string" && value.length > 0 ? value : fallback;
+}
+function resetDesignHost() {
+  host = {};
+}
+function getHostUi() {
+  return host.ui ?? {};
+}
+function getHostDict() {
+  return host.dict ?? {};
+}
+function getHostWorkflow() {
+  return host.workflow ?? {};
+}
+function requireHttp() {
+  const { http } = host;
+  if (!http) {
+    throw new Error(
+      "[design-platform] 未注入 host.http：请在 app 启动时调用 installDesignPlatform({ http: <宿主请求实例适配> })（见 README「接入宿主」）"
+    );
+  }
+  return http;
+}
+function requireVxeGrid() {
+  var _a;
+  const useVxeGrid = (_a = host.ui) == null ? void 0 : _a.useVbenVxeGrid;
+  if (!useVxeGrid) {
+    throw new Error(
+      "[design-platform] 未注入 host.ui.useVbenVxeGrid：表格 / 树形视图需要它在宿主里创建网格。请在 bootstrap 里注入宿主 adapter 里那个包装过的版本：installDesignPlatform({ ui: { useVbenVxeGrid } })（来自 #/adapter/vxe-table）"
+    );
+  }
+  return useVxeGrid;
+}
+function getHostPopup(kind) {
+  var _a, _b;
+  return kind === "drawer" ? (_a = host.ui) == null ? void 0 : _a.useVbenDrawer : (_b = host.ui) == null ? void 0 : _b.useVbenModal;
+}
+export {
+  getDesignHost,
+  getHostDict,
+  getHostPopup,
+  getHostUi,
+  getHostWorkflow,
+  hostT,
+  installDesignPlatform,
+  requireHttp,
+  requireVxeGrid,
+  resetDesignHost
+};

package/dist/http.js

@@ -0,0 +1,19 @@
+function createMemoryHttp(handler) {
+  const log = [];
+  const run = (req) => {
+    var _a, _b;
+    log.push(req);
+    if ((_b = (_a = req.options) == null ? void 0 : _a.signal) == null ? void 0 : _b.aborted) {
+      return Promise.reject(new DOMException("Aborted", "AbortError"));
+    }
+    return Promise.resolve().then(() => handler(req));
+  };
+  return {
+    log,
+    get: (url, options) => run({ method: "GET", options, url }),
+    post: (url, data, options) => run({ data, method: "POST", options, url })
+  };
+}
+export {
+  createMemoryHttp
+};