@jzg223/design-runtime 0.0.0-stage → 0.0.1

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

@@ -0,0 +1,88 @@
+import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createVNode, createTextVNode } from "vue";
+import { Upload, Button } from "antdv-next";
+import { UploadOutlined } from "@antdv-next/icons";
+import { getDesignHost } from "../../host.js";
+import { platformMessage } from "../../components/design-shared/host-api.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "file-field",
+  props: {
+    cell: {},
+    disabled: { type: Boolean },
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    let warnedNoUpload = false;
+    const customRequest = async ({
+      file,
+      onSuccess,
+      onError
+    }) => {
+      const upload = getDesignHost().upload;
+      if (!upload) {
+        if (!warnedNoUpload) {
+          warnedNoUpload = true;
+          console.warn(
+            "[design-runtime] 未注入 host.upload：file / image 字段无法上传。请在 installDesignPlatform({ upload: (file) => … }) 里实现（vben/ruoyi 可直接用 #/api 的 uploadApi）"
+          );
+        }
+        onError == null ? void 0 : onError(new Error("未注入 host.upload"));
+        return;
+      }
+      try {
+        const res = await upload(file);
+        onSuccess == null ? void 0 : onSuccess(res);
+      } catch (error) {
+        onError == null ? void 0 : onError(error);
+        platformMessage().error(`上传失败：${(error == null ? void 0 : error.message) ?? "未知错误"}`);
+      }
+    };
+    const fileList = computed({
+      get: () => {
+        if (!props.modelValue) return [];
+        const url = String(props.modelValue);
+        return [
+          { uid: "-1", name: url.split("/").pop() || "file", status: "done", url }
+        ];
+      },
+      set: () => {
+      }
+    });
+    function handleChange(info) {
+      var _a, _b, _c;
+      if (info.file.status === "done") {
+        const url = ((_a = info.file.response) == null ? void 0 : _a.url) || ((_c = (_b = info.file.response) == null ? void 0 : _b.data) == null ? void 0 : _c.url) || "";
+        emit("update:modelValue", url);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Upload), {
+        "file-list": fileList.value,
+        "custom-request": customRequest,
+        disabled: props.disabled,
+        "max-count": 1,
+        onChange: handleChange
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(Button), {
+            disabled: props.disabled
+          }, {
+            icon: withCtx(() => [
+              createVNode(unref(UploadOutlined))
+            ]),
+            default: withCtx(() => [
+              _cache[0] || (_cache[0] = createTextVNode(" 上传 ", -1))
+            ]),
+            _: 1
+          }, 8, ["disabled"])
+        ]),
+        _: 1
+      }, 8, ["file-list", "disabled"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,90 @@
+import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementBlock, createVNode, createTextVNode, createCommentVNode } from "vue";
+import { Upload } from "antdv-next";
+import { PlusOutlined } from "@antdv-next/icons";
+import { getDesignHost } from "../../host.js";
+import { platformMessage } from "../../components/design-shared/host-api.js";
+const _hoisted_1 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "image-field",
+  props: {
+    cell: {},
+    disabled: { type: Boolean },
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    let warnedNoUpload = false;
+    const customRequest = async ({
+      file,
+      onSuccess,
+      onError
+    }) => {
+      const upload = getDesignHost().upload;
+      if (!upload) {
+        if (!warnedNoUpload) {
+          warnedNoUpload = true;
+          console.warn(
+            "[design-runtime] 未注入 host.upload：file / image 字段无法上传。请在 installDesignPlatform({ upload: (file) => … }) 里实现（vben/ruoyi 可直接用 #/api 的 uploadApi）"
+          );
+        }
+        onError == null ? void 0 : onError(new Error("未注入 host.upload"));
+        return;
+      }
+      try {
+        const res = await upload(file);
+        onSuccess == null ? void 0 : onSuccess(res);
+      } catch (error) {
+        onError == null ? void 0 : onError(error);
+        platformMessage().error(`上传失败：${(error == null ? void 0 : error.message) ?? "未知错误"}`);
+      }
+    };
+    const fileList = computed({
+      get: () => {
+        if (!props.modelValue) return [];
+        const url = String(props.modelValue);
+        return [
+          {
+            uid: "-1",
+            name: "image",
+            status: "done",
+            url,
+            thumbUrl: url
+          }
+        ];
+      },
+      set: () => {
+      }
+    });
+    function handleChange(info) {
+      var _a, _b, _c;
+      if (info.file.status === "done") {
+        const url = ((_a = info.file.response) == null ? void 0 : _a.url) || ((_c = (_b = info.file.response) == null ? void 0 : _b.data) == null ? void 0 : _c.url) || "";
+        emit("update:modelValue", url);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Upload), {
+        "file-list": fileList.value,
+        "onUpdate:fileList": _cache[0] || (_cache[0] = ($event) => fileList.value = $event),
+        "custom-request": customRequest,
+        disabled: props.disabled,
+        "list-type": "picture",
+        "max-count": 1,
+        onChange: handleChange
+      }, {
+        default: withCtx(() => [
+          !props.modelValue ? (openBlock(), createElementBlock("span", _hoisted_1, [
+            createVNode(unref(PlusOutlined)),
+            _cache[1] || (_cache[1] = createTextVNode(" 上传图片 ", -1))
+          ])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["file-list", "disabled"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

package/dist/form/fields/index.js

@@ -0,0 +1,106 @@
+import { resolveDesignComponent, hasDesignComponent, listDesignComponents, registerComponents } from "../../registry.js";
+import _sfc_main$a from "./checkbox-field.vue.js";
+import _sfc_main$b from "./custom-field.vue.js";
+import _sfc_main$9 from "./date-field.vue.js";
+import EmbeddedListField from "./embedded-list-field.vue.js";
+import _sfc_main$8 from "./file-field.vue.js";
+import _sfc_main$7 from "./image-field.vue.js";
+import OrgSelectField from "./org-select-field.vue.js";
+import _sfc_main$6 from "./orgs-select-field.vue.js";
+import _sfc_main$5 from "./month-field.vue.js";
+import _sfc_main$4 from "./radio-field.vue.js";
+import SelectField from "./select-field.vue.js";
+import SplitlineField from "./splitline-field.vue.js";
+import _sfc_main$3 from "./switch-field.vue.js";
+import _sfc_main from "./text-field.vue.js";
+import _sfc_main$2 from "./time-field.vue.js";
+import _sfc_main$1 from "./tree-field.vue.js";
+const builtin = {
+  checkbox: _sfc_main$a,
+  date: _sfc_main$9,
+  embeddedList: EmbeddedListField,
+  "embedded-list": EmbeddedListField,
+  file: _sfc_main$8,
+  fj: _sfc_main$8,
+  // 附件同 file
+  image: _sfc_main$7,
+  "org-select": OrgSelectField,
+  "orgs-select": _sfc_main$6,
+  month: _sfc_main$5,
+  radio: _sfc_main$4,
+  select: SelectField,
+  splitline: SplitlineField,
+  switch: _sfc_main$3,
+  text: _sfc_main,
+  time: _sfc_main$2,
+  tree: _sfc_main$1
+};
+const pendingFieldTypes = [];
+const warnedTypes = /* @__PURE__ */ new Set();
+function register(type, comp) {
+  registerComponents({ [type]: () => comp });
+}
+function registerFields(map) {
+  const loaders = {};
+  for (const [type, comp] of Object.entries(map)) {
+    loaders[type] = () => comp;
+  }
+  registerComponents(loaders);
+}
+function resolveComponent(type) {
+  if (!type) return _sfc_main;
+  const custom = resolveDesignComponent(type);
+  if (custom) return custom;
+  const comp = builtin[type];
+  if (comp) return comp;
+  if (!warnedTypes.has(type)) {
+    warnedTypes.add(type);
+    const hint = pendingFieldTypes.includes(type) ? "该类字段尚未迁入 design-runtime" : "未知字段类型";
+    console.warn(
+      `[design-runtime] 表单字段类型「${type}」使用占位输入框：${hint}（可注册同名 comname 覆盖）`
+    );
+  }
+  return _sfc_main$b;
+}
+function resolveCellComponent(cell) {
+  if (!cell) return _sfc_main;
+  if (cell.type === "my") {
+    const name = (cell.comname ?? "").trim();
+    if (name) {
+      const comp = resolveDesignComponent(name) ?? builtin[name];
+      if (comp) return comp;
+      console.warn(
+        `[design-runtime] 自定义组件 "${name}" 未注册（单元格「组件」名）：请在该项目的注册表里登记同名字符串，已回退为占位输入框`
+      );
+      return _sfc_main$b;
+    }
+    console.warn(
+      "[design-runtime] 单元格类型为「自定义」但没填「组件」名，已回退为占位输入框"
+    );
+    return _sfc_main$b;
+  }
+  return resolveComponent(cell.type);
+}
+function listCustomComponents() {
+  const names = /* @__PURE__ */ new Set([
+    ...listDesignComponents().map((item) => item.name),
+    ...Object.keys(builtin)
+  ]);
+  return [...names].sort();
+}
+function hasCustomComponent(comname) {
+  const name = (comname ?? "").trim();
+  if (!name) return false;
+  return Boolean(hasDesignComponent(name) || builtin[name]);
+}
+export {
+  _sfc_main$b as CustomField,
+  _sfc_main as TextField,
+  hasCustomComponent,
+  listCustomComponents,
+  pendingFieldTypes,
+  register,
+  registerFields,
+  resolveCellComponent,
+  resolveComponent
+};

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

@@ -0,0 +1,51 @@
+import { defineComponent, computed, watch, openBlock, createBlock, unref } from "vue";
+import dayjs from "dayjs";
+import { DateMonthPicker } from "antdv-next";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "month-field",
+  props: {
+    cell: {},
+    disabled: { type: Boolean },
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const monthFormat = computed(() => props.cell.dateType || "YYYY-MM");
+    watch(
+      () => props.modelValue,
+      (val) => {
+        if (val === null || val === void 0 || val === "") return;
+        if (typeof val !== "string") return;
+        if (!dayjs(val).isValid()) return;
+        const normalized = dayjs(val).format(monthFormat.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"
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DateMonthPicker), {
+        value: value.value,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+        disabled: isDisabled.value,
+        format: monthFormat.value,
+        "value-format": monthFormat.value,
+        placeholder: "请选择月份",
+        style: { "width": "100%" }
+      }, null, 8, ["value", "disabled", "format", "value-format"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

package/dist/form/fields/org-select-field.vue.js

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

package/dist/form/fields/org-select-field2.vue.js

@@ -0,0 +1,187 @@
+import { defineComponent, computed, ref, reactive, watch, openBlock, createElementBlock, Fragment, createElementVNode, normalizeClass, withModifiers, createCommentVNode, createVNode, unref, withCtx, createBlock } from "vue";
+import { Modal, Spin, Input, Tree, Empty } from "antdv-next";
+import { SearchOutlined } from "@antdv-next/icons";
+import { deptList } from "../../org/dept-api.js";
+import { createLazyDeptTree, attachChildren } from "../../org/dept-tree.js";
+import { createDeptTreeSource } from "../../org/dept-tree-source.js";
+const _hoisted_1 = ["value", "placeholder", "disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "org-select-field",
+  props: {
+    cell: {},
+    disabled: { type: Boolean },
+    modelValue: {}
+  },
+  emits: ["update:modelValue", "update:derived"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isDisabled = computed(
+      () => props.disabled || props.cell.readonly === "2"
+    );
+    const modalVisible = ref(false);
+    const loading = ref(false);
+    const searchValue = ref("");
+    const treeData = ref([]);
+    const displayText = reactive({ text: "" });
+    const lazyTree = createLazyDeptTree(createDeptTreeSource());
+    async function loadRoot() {
+      if (treeData.value.length > 0) return;
+      loading.value = true;
+      try {
+        treeData.value = await lazyTree.treeNodesOf(0);
+      } catch (err) {
+        console.error("[org-select-field] 机构树加载失败:", (err == null ? void 0 : err.message) ?? err);
+      } finally {
+        loading.value = false;
+      }
+    }
+    async function onLoadData(node) {
+      const key = (node == null ? void 0 : node.key) ?? (node == null ? void 0 : node.eventKey);
+      if (key === void 0 || key === null) return;
+      try {
+        const children = await lazyTree.treeNodesOf(key);
+        treeData.value = attachChildren(treeData.value, key, children);
+      } catch (err) {
+        console.error("[org-select-field] 子机构加载失败:", (err == null ? void 0 : err.message) ?? err);
+      }
+    }
+    let searchTimer = null;
+    watch(searchValue, (val) => {
+      clearTimeout(searchTimer);
+      searchTimer = setTimeout(() => void runSearch(val ?? ""), 300);
+    });
+    async function runSearch(keyword) {
+      loading.value = true;
+      try {
+        if (!keyword) {
+          treeData.value = await lazyTree.treeNodesOf(0);
+          return;
+        }
+        const list = await deptList({ deptName: keyword });
+        treeData.value = await lazyTree.searchNodes(list ?? []);
+      } catch (err) {
+        console.error("[org-select-field] 机构搜索失败:", (err == null ? void 0 : err.message) ?? err);
+      } finally {
+        loading.value = false;
+      }
+    }
+    async function resolveDisplay(id) {
+      var _a;
+      if (id === void 0 || id === null || id === "") return;
+      try {
+        const { fullName, node } = await lazyTree.pathOf(id);
+        if (fullName) displayText.text = fullName;
+        if ((((_a = props.cell.deriveTo) == null ? void 0 : _a.length) ?? 0) > 0 && node) emitDerived(node);
+      } catch (err) {
+        console.warn("[org-select-field] 机构回显解析失败:", (err == null ? void 0 : err.message) ?? err);
+      }
+    }
+    watch(
+      () => props.modelValue,
+      (val) => {
+        if (val === void 0 || val === null || val === "") {
+          displayText.text = "";
+          return;
+        }
+        displayText.text = String(val);
+        void resolveDisplay(val);
+      },
+      { immediate: true }
+    );
+    function handleSelect(keys, info) {
+      var _a, _b;
+      const key = keys == null ? void 0 : keys[0];
+      if (key != null) {
+        emit("update:modelValue", key);
+        const raw = ((_a = info == null ? void 0 : info.node) == null ? void 0 : _a.raw) ?? (info == null ? void 0 : info.node);
+        emitDerived(raw);
+        displayText.text = String(((_b = info == null ? void 0 : info.node) == null ? void 0 : _b.title) ?? (raw == null ? void 0 : raw.label) ?? key);
+        void resolveDisplay(key);
+      }
+      modalVisible.value = false;
+    }
+    function handleClear() {
+      emit("update:modelValue", "");
+      emitDerived(null);
+      displayText.text = "";
+    }
+    function openModal() {
+      if (isDisabled.value) return;
+      modalVisible.value = true;
+      void loadRoot();
+    }
+    function emitDerived(node) {
+      const deriveTo = props.cell.deriveTo;
+      if (!(deriveTo == null ? void 0 : deriveTo.length)) return;
+      const derived = {};
+      let has = false;
+      for (const dt of deriveTo) {
+        const v = node == null ? null : node == null ? void 0 : node[dt.source];
+        if (v === void 0) continue;
+        derived[dt.field] = v;
+        has = true;
+      }
+      if (has) emit("update:derived", derived);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", {
+          class: normalizeClass(["org-select", { "org-select--disabled": isDisabled.value }]),
+          onClick: openModal
+        }, [
+          createElementVNode("input", {
+            class: "org-select__input",
+            value: displayText.text,
+            placeholder: `请选择${__props.cell.title}`,
+            disabled: isDisabled.value,
+            readonly: ""
+          }, null, 8, _hoisted_1),
+          displayText.text && !isDisabled.value ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: "org-select__clear",
+            onClick: withModifiers(handleClear, ["stop"])
+          }, "✕")) : createCommentVNode("", true),
+          createVNode(unref(SearchOutlined), { class: "org-select__suffix" })
+        ], 2),
+        createVNode(unref(Modal), {
+          title: "机构选择",
+          open: modalVisible.value,
+          width: "640px",
+          footer: null,
+          onCancel: _cache[1] || (_cache[1] = ($event) => modalVisible.value = false)
+        }, {
+          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: "输入机构名称搜索",
+                  "allow-clear": "",
+                  style: { "margin-bottom": "12px" }
+                }, null, 8, ["value"]),
+                treeData.value.length > 0 ? (openBlock(), createBlock(unref(Tree), {
+                  key: 0,
+                  "tree-data": treeData.value,
+                  "field-names": { key: "key", title: "title", children: "children" },
+                  "selected-keys": props.modelValue != null && props.modelValue !== "" ? [String(props.modelValue)] : [],
+                  "load-data": onLoadData,
+                  onSelect: handleSelect
+                }, null, 8, ["tree-data", "selected-keys"])) : !loading.value ? (openBlock(), createBlock(unref(Empty), {
+                  key: 1,
+                  description: "暂无机构数据"
+                })) : createCommentVNode("", true)
+              ]),
+              _: 1
+            }, 8, ["spinning"])
+          ]),
+          _: 1
+        }, 8, ["open"])
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};