@done-coding/admin-core 0.27.0 → 0.27.1-alpha.0

package/es/components/form/FormSubmitPanel.vue2.mjs

@@ -5,6 +5,8 @@ import _sfc_main$2 from "./FormSubmitBtn.vue.mjs";
 import { useFormSubmit } from "./use-form-submit.mjs";
 import _sfc_main$1 from "../display/ActionBtn.vue.mjs";
 import { parseFormData, generateFormData } from "./utils.mjs";
+import { useContextDefaults } from "../../hooks/use-context-defaults.mjs";
+import { SlotRegion } from "../../config/slot-region.mjs";
 const _hoisted_1 = { class: "form-submit-panel-operation-inner" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "FormSubmitPanel", inheritAttrs: false },
@@ -17,6 +19,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     rowGutter: {},
     layoutScale: {},
     layoutByContainer: { type: Boolean },
+    aiFill: { type: Boolean },
+    aiFillTrigger: {},
+    description: {},
     stringifyData: {},
     submitText: {},
     submitFn: {},
@@ -29,6 +34,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     operationAffix: { type: [Boolean, Object], default: false },
     divider: { type: Boolean, default: true },
     bare: { type: Boolean, default: false },
+    surface: { type: Boolean, default: void 0 },
     rootClass: {}
   },
   emits: ["cancel", "fail", "success", "parseDataChange"],
@@ -46,11 +52,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (typeof props.operationAffix === "object") return props.operationAffix;
       return { position: "bottom" };
     });
+    const { ctxSurface } = useContextDefaults({
+      getProps: () => props,
+      defaults: {
+        surface: ({ parentInfo, props: rawProps }) => rawProps.surface ?? parentInfo !== SlotRegion.ModalConfirm_Body
+      }
+    });
     const rootClassList = computed(() => [
       `form-submit-panel_${props.operationPosition}`,
       {
         "form-submit-panel_no-divider": !props.divider,
-        "form-submit-panel_bare": props.bare
+        "form-submit-panel_bare": props.bare,
+        "form-submit-panel_surface": ctxSurface.value
       },
       props.rootClass
     ]);

package/es/components/form/ai-schema.mjs

@@ -0,0 +1,139 @@
+import { checkFormItemIsIgnore } from "./utils.mjs";
+const AI_SCHEMA_MAX_PROPERTIES = 100;
+const resolveInitValue = (config) => {
+  return typeof config.init === "function" ? config.init() : config.init;
+};
+const resolveItemProps = (config, data) => {
+  const { props } = config;
+  if (!props) return {};
+  return typeof props === "function" ? props({ data, config }) : props;
+};
+const resolveItemHide = (config, data) => {
+  const { hide } = config;
+  if (typeof hide === "function") {
+    return !!hide({
+      data,
+      config,
+      getInitValue: () => resolveInitValue(config)
+    });
+  }
+  return !!hide;
+};
+const inferAiTypeFromInit = (value) => {
+  if (value === null || value === void 0) return void 0;
+  if (typeof value === "string") return "string";
+  if (typeof value === "number") return "number";
+  if (typeof value === "boolean") return "boolean";
+  if (Array.isArray(value)) {
+    if (value.length && value.every((v) => typeof v === "string")) {
+      return "array";
+    }
+    return "unsupported";
+  }
+  return "unsupported";
+};
+const resolveAiOptions = async (props) => {
+  if (typeof props.remoteMethod === "function") return void 0;
+  if (Array.isArray(props.options) && props.options.length) {
+    return props.options;
+  }
+  if (typeof props.getOptions === "function") {
+    try {
+      const options = await props.getOptions();
+      if (Array.isArray(options) && options.length) return options;
+    } catch (error) {
+      console.warn(`[getAiSchema] getOptions 拉取失败，该项不产 enum`, error);
+    }
+  }
+  return void 0;
+};
+const formatAiOptionLabels = (options) => {
+  return options.map(
+    (item) => String(item.label) === String(item.value) ? String(item.value) : `${item.label}(${item.value})`
+  ).join("、");
+};
+const buildAiDescription = (config, options) => {
+  var _a, _b;
+  const parts = [config.label];
+  if (typeof config.tip === "string" && config.tip) parts.push(config.tip);
+  if ((_a = config.description) == null ? void 0 : _a.suitable) {
+    parts.push(`适用：${config.description.suitable}`);
+  }
+  if ((_b = config.description) == null ? void 0 : _b.unsuitable) {
+    parts.push(`不适用：${config.description.unsuitable}`);
+  }
+  if (options == null ? void 0 : options.length) {
+    parts.push(`可选值：${formatAiOptionLabels(options)}`);
+  }
+  return parts.join("；");
+};
+const projectAiItem = async (config, data) => {
+  const props = resolveItemProps(config, data);
+  const options = await resolveAiOptions(props);
+  let type = config.type;
+  if (!type) {
+    const inferred = inferAiTypeFromInit(resolveInitValue(config));
+    if (inferred === "unsupported") return void 0;
+    type = inferred;
+  }
+  let enumValues;
+  if (options && type !== "array" && type !== "boolean") {
+    const values = options.map((item) => item.value);
+    const uniform = values.every((v) => typeof v === "number") ? "number" : values.every((v) => typeof v === "string") ? "string" : void 0;
+    const compatible = uniform && (type === void 0 || type === uniform || type === "integer" && uniform === "number");
+    if (compatible) {
+      enumValues = values;
+      type = type ?? uniform;
+    }
+  }
+  const payload = { type: type ?? "string" };
+  if (enumValues) payload.enum = enumValues;
+  if (payload.type === "array") payload.items = { type: "string" };
+  return {
+    description: buildAiDescription(config, options),
+    anyOf: [payload, { type: "null" }]
+  };
+};
+const resolveFormAiFormDescription = (description) => {
+  if (!description) return void 0;
+  if (typeof description === "string") return description.trim() || void 0;
+  const parts = [];
+  if (description.suitable) parts.push(`适用：${description.suitable}`);
+  if (description.unsuitable) parts.push(`不适用：${description.unsuitable}`);
+  return parts.length ? parts.join("；") : void 0;
+};
+const getFormAiSchema = async (list, data, options) => {
+  const candidates = list.filter(
+    (config) => !checkFormItemIsIgnore(config) && !config.aiIgnore && !resolveItemHide(config, data)
+  );
+  const projected = await Promise.all(
+    candidates.map((config) => projectAiItem(config, data))
+  );
+  const properties = {};
+  const required = [];
+  candidates.forEach((config, index) => {
+    const property = projected[index];
+    if (!property) return;
+    if (required.length >= AI_SCHEMA_MAX_PROPERTIES) return;
+    properties[config.key] = property;
+    required.push(config.key);
+  });
+  const exportable = projected.filter(Boolean).length;
+  if (exportable > AI_SCHEMA_MAX_PROPERTIES) {
+    console.warn(
+      `[getAiSchema] 可导出字段 ${exportable} 项超 strict 上限 ${AI_SCHEMA_MAX_PROPERTIES}，已截断`
+    );
+  }
+  const formDescription = resolveFormAiFormDescription(options == null ? void 0 : options.description);
+  return {
+    type: "object",
+    ...formDescription ? { description: formDescription } : {},
+    properties,
+    required,
+    additionalProperties: false
+  };
+};
+export {
+  getFormAiSchema,
+  resolveFormAiFormDescription
+};

package/es/components/form/group.mjs

@@ -0,0 +1,81 @@
+import { markRaw, ref } from "vue";
+import FormGroupTitle from "./FormGroupTitle.vue.mjs";
+import FormDivider from "./FormDivider.vue.mjs";
+let groupKeySeq = 0;
+let dividerKeySeq = 0;
+const COLLAPSED_CLASS = "dc-form-item-collapsed";
+const swiftFormItemGroup = (title, items, options = {}) => {
+  const { defaultCollapsed = false, collapsible = true, key } = options;
+  const groupKey = key ?? `__GROUP_${groupKeySeq++}`;
+  const memberKeys = items.map((item) => item.key);
+  const collapsedByData = /* @__PURE__ */ new WeakMap();
+  const stateFor = (data) => {
+    let state = collapsedByData.get(data);
+    if (!state) {
+      state = ref(defaultCollapsed);
+      collapsedByData.set(data, state);
+    }
+    return state;
+  };
+  const titleConfig = {
+    key: groupKey,
+    label: "",
+    // 恒整行（不可配）；ceilToTier 上限 24，嵌套 rebase 下不放大
+    layout: { span: 24 },
+    render: markRaw(FormGroupTitle),
+    // props 在 FormItem mainProps computed 内求值 → 读 collapsed ref 即被追踪，
+    // toggle 后标题箭头与组内项 viewHide 同步重算
+    props: (scope) => ({
+      title,
+      collapsible,
+      collapsed: collapsible ? stateFor(scope.data).value : false,
+      // 组内成员 key —— 供标题组件判断「本轮校验错误是否落在本组」，
+      // 命中则自动展开（折叠区的错误 [MUST NOT] 静默藏着）
+      memberKeys,
+      onToggle: () => {
+        const state = stateFor(scope.data);
+        state.value = !state.value;
+      },
+      onExpand: () => {
+        stateFor(scope.data).value = false;
+      }
+    }),
+    // 伪 item 去表单元素占位：无 label（labelWidth 0 防 EP 给 content 留白）+
+    // 校验预留收敛（dc-form-item-pseudo 样式钩子在 FormMain.vue）
+    wrapProps: { class: "dc-form-item-pseudo", labelWidth: "0px" }
+  };
+  const members = collapsible ? items.map((item) => {
+    const origWrap = item.wrapProps;
+    return {
+      ...item,
+      // 🔴 折叠 = **纯视觉隐藏**（挂 class，样式在 FormMain.vue），
+      // [MUST NOT] 改回置 `hide`：那会进 `hideKeyList`、被 validate 抹掉错误
+      // ⇒ 折叠区必填项静默失效、数据不完整也能提交。
+      // 原有 wrapProps（对象 / 函数两形态）照常合并，不改原配置对象（入参不可变）。
+      wrapProps: (scope) => {
+        const base = typeof origWrap === "function" ? origWrap(scope) : origWrap ?? {};
+        const cls = base.class;
+        const merged = {
+          ...base,
+          class: [cls, stateFor(scope.data).value && COLLAPSED_CLASS]
+        };
+        return merged;
+      }
+    };
+  }) : items;
+  return [titleConfig, ...members];
+};
+const swiftFormItemDivider = () => {
+  return {
+    key: `__DIVIDER_${dividerKeySeq++}`,
+    label: "",
+    layout: { span: 24 },
+    render: markRaw(FormDivider),
+    wrapProps: { class: "dc-form-item-pseudo", labelWidth: "0px" }
+  };
+};
+export {
+  COLLAPSED_CLASS,
+  swiftFormItemDivider,
+  swiftFormItemGroup
+};

package/es/components/form/use-ai-fill.mjs

@@ -0,0 +1,71 @@
+import { inject, ref, computed } from "vue";
+import { checkFormItemIsIgnore } from "./utils.mjs";
+import { resolveFormAiFormDescription } from "./ai-schema.mjs";
+import { CORE_BRIDGE_KEY, FORM_NEST_REGISTRY_KEY } from "../../inject/key.mjs";
+const useFormAiFill = (options) => {
+  const bridge = inject(CORE_BRIDGE_KEY, void 0);
+  const parentRegistry = inject(FORM_NEST_REGISTRY_KEY, null);
+  const aiFillIsNested = parentRegistry !== null;
+  const aiFillSnapshot = ref(null);
+  const aiFillTriggerComponent = computed(
+    () => options.getTrigger() ?? (bridge == null ? void 0 : bridge.aiFillTrigger.value)
+  );
+  const aiFillHasDescription = computed(
+    () => resolveFormAiFormDescription(options.getDescription()) !== void 0
+  );
+  let aiFillWarnedNoDescription = false;
+  const aiFillVisible = computed(() => {
+    var _a;
+    if (aiFillIsNested) return false;
+    if (options.getEnabled() === false) return false;
+    if (!aiFillTriggerComponent.value) return false;
+    if (!aiFillHasDescription.value) {
+      if ((_a = bridge == null ? void 0 : bridge.aiFillRequireDescription) == null ? void 0 : _a.value) return false;
+      if (!aiFillWarnedNoDescription) {
+        aiFillWarnedNoDescription = true;
+        console.warn(
+          "[aiFill] 本表单未配 description（表单目标描述），AI 填充的字段映射质量可能受损——建议给 FormMain 补 description 说明表单用途（bridge 可经 aiFillRequireDescription 强制要求）"
+        );
+      }
+    }
+    return true;
+  });
+  const aiFillItemClass = (key) => aiFillSnapshot.value && key in aiFillSnapshot.value ? "dc-form-item-ai-filled" : void 0;
+  const aiFillOnData = (data) => {
+    const current = options.getData();
+    const snapshot = {};
+    options.getList().forEach((cur) => {
+      if (checkFormItemIsIgnore(cur)) return;
+      if (!Object.prototype.hasOwnProperty.call(data, cur.key)) return;
+      const value = data[cur.key];
+      if (value === void 0 || value === null) return;
+      snapshot[cur.key] = current[cur.key];
+    });
+    options.applyValues(data);
+    aiFillSnapshot.value = snapshot;
+    return {
+      appliedCount: Object.keys(snapshot).length,
+      undo: () => {
+        const snap = aiFillSnapshot.value;
+        if (!snap) return;
+        const target = options.getData();
+        Object.entries(snap).forEach(([key, value]) => {
+          target[key] = value;
+        });
+        aiFillSnapshot.value = null;
+      }
+    };
+  };
+  return {
+    aiFillVisible,
+    aiFillTriggerComponent,
+    aiFillTriggerProps: {
+      getSchema: options.getSchema,
+      onData: aiFillOnData
+    },
+    aiFillItemClass
+  };
+};
+export {
+  useFormAiFill
+};

package/es/components/form/utils.mjs

@@ -65,7 +65,7 @@ const getDatePickerShortcuts = () => {
     }
   ];
 };
-const checkIsIgnore = (config) => {
+const checkFormItemIsIgnore = (config) => {
   const { ignore, key } = config;
   return ignore || key.startsWith("__") && key.toUpperCase() === key;
 };
@@ -75,7 +75,7 @@ const isFn = (init) => {
 const generateFormData = (list) => {
   return list.reduce(
     (acc, cur) => {
-      if (checkIsIgnore(cur)) return acc;
+      if (checkFormItemIsIgnore(cur)) return acc;
       if (typeof cur.init === "object") {
         console.error(
           `表单项${cur.label}的初始值不能为对象 请设置为返回值的形式`
@@ -91,7 +91,7 @@ const parseFormData = (data, list) => {
   const originData = _cloneDeep(data);
   return list.reduce(
     (acc, cur) => {
-      if (checkIsIgnore(cur)) return acc;
+      if (checkFormItemIsIgnore(cur)) return acc;
       if (cur.parse) {
         const res = cur.parse(
           data[cur.key],
@@ -113,7 +113,7 @@ const stringifyFormData = (data, list) => {
   const originData = _cloneDeep(data);
   return list.reduce(
     (acc, cur) => {
-      if (checkIsIgnore(cur)) return acc;
+      if (checkFormItemIsIgnore(cur)) return acc;
       if (cur.stringify) {
         const res = cur.stringify(
           data[cur.key],
@@ -131,6 +131,15 @@ const stringifyFormData = (data, list) => {
     {}
   );
 };
+const patchFormData = (data, list, partial) => {
+  list.forEach((cur) => {
+    if (checkFormItemIsIgnore(cur)) return;
+    if (!Object.prototype.hasOwnProperty.call(partial, cur.key)) return;
+    const value = partial[cur.key];
+    if (value === void 0 || value === null) return;
+    data[cur.key] = value;
+  });
+};
 const getVModelSugar = ({
   modelValueKey = "modelValue",
   config,
@@ -262,6 +271,7 @@ export {
   FORM_ITEM_CHANGE_LOADING,
   NEST_LAYOUT_TIERS,
   ceilToTier,
+  checkFormItemIsIgnore,
   generateFormData,
   getBlurSubmit,
   getChangeSubmit,
@@ -270,6 +280,7 @@ export {
   getPlaceholder,
   getVModelSugar,
   parseFormData,
+  patchFormData,
   resolveFormLayout,
   resolveLayoutSpan,
   setInputComponent,

package/es/components/list-layout/ListLayout.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./ListLayout.vue2.mjs";
 /* empty css                 */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const ListLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-84c13797"]]);
+const ListLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-abf3c131"]]);
 export {
   ListLayout as default
 };