qidian-vue-ui 1.1.58 → 1.1.59

package/dist/components/config-provider/useConfig.d.ts

@@ -0,0 +1,269 @@
+import type { QdConfigProviderProps } from './types';
+export declare function useConfig<T extends keyof NonNullable<QdConfigProviderProps['globalConfig']>>(key: T, componentLocale?: NonNullable<QdConfigProviderProps['globalConfig']>[T]): {
+    t: <T_1 extends keyof NonNullable<(Omit<import("tdesign-vue-next").GlobalConfigProvider | undefined, "upload" | "chat"> & {
+        loading?: {
+            text?: string;
+        };
+        timeFormat: {
+            seconds?: string;
+            minutes?: string;
+            hours?: string;
+            days?: string;
+        };
+        crud?: {
+            emptyText?: string;
+            searchText?: string;
+            resetText?: string;
+            addText?: string;
+            viewText?: string;
+            editText?: string;
+            deleteText?: string;
+            operationText?: string;
+            closeText?: string;
+            deleteSuccessText?: string;
+            deleteHasChildrenText?: string;
+            operationSuccessText?: string;
+            deleteWrapperBodyText?: string;
+            collapseSearchText?: string;
+            expandSearchText?: string;
+            hideSearchText?: string;
+            showSearchText?: string;
+            refreshText?: string;
+            collapseTreeText?: string;
+            expandTreeText?: string;
+            columnControllerText?: string;
+        };
+        modal?: {
+            systemPromptText?: string;
+        };
+        upload?: NonNullable<import("tdesign-vue-next").TdConfigProviderProps["globalConfig"]>["upload"] & {
+            fileFormatNotSupportedMessage?: [string, string];
+            maxUploadMessage?: [string, string];
+            sameNameMessage?: string;
+            fileSizeExceedsLimit?: string;
+            fileUploadFailed?: string;
+            viewFileText?: string;
+        };
+        chat?: NonNullable<import("tdesign-vue-next").TdConfigProviderProps["globalConfig"]>["chat"] & {
+            failedObtainSessionIdMessage?: string;
+            failedObtainUrlMessage?: string;
+            failedObtainAgentInfoMessage?: string;
+            apiUnknownErrorMessage?: string;
+            failedParseContentMessage?: string;
+            parsedContentEmptyMessage?: string;
+            agentProcessingTimeoutMessage?: string;
+        };
+        office?: {
+            prevPage?: string;
+            nextPage?: string;
+            zoomOut?: string;
+            zoomIn?: string;
+            cancelAdaptiveView?: string;
+            adaptiveView?: string;
+        };
+        dialogTableSelect?: {
+            addText?: string;
+            addConfirmText?: string;
+            addCancelText?: string;
+        };
+    })[T]> = keyof NonNullable<(Omit<import("tdesign-vue-next").GlobalConfigProvider | undefined, "upload" | "chat"> & {
+        loading?: {
+            text?: string;
+        };
+        timeFormat: {
+            seconds?: string;
+            minutes?: string;
+            hours?: string;
+            days?: string;
+        };
+        crud?: {
+            emptyText?: string;
+            searchText?: string;
+            resetText?: string;
+            addText?: string;
+            viewText?: string;
+            editText?: string;
+            deleteText?: string;
+            operationText?: string;
+            closeText?: string;
+            deleteSuccessText?: string;
+            deleteHasChildrenText?: string;
+            operationSuccessText?: string;
+            deleteWrapperBodyText?: string;
+            collapseSearchText?: string;
+            expandSearchText?: string;
+            hideSearchText?: string;
+            showSearchText?: string;
+            refreshText?: string;
+            collapseTreeText?: string;
+            expandTreeText?: string;
+            columnControllerText?: string;
+        };
+        modal?: {
+            systemPromptText?: string;
+        };
+        upload?: NonNullable<import("tdesign-vue-next").TdConfigProviderProps["globalConfig"]>["upload"] & {
+            fileFormatNotSupportedMessage?: [string, string];
+            maxUploadMessage?: [string, string];
+            sameNameMessage?: string;
+            fileSizeExceedsLimit?: string;
+            fileUploadFailed?: string;
+            viewFileText?: string;
+        };
+        chat?: NonNullable<import("tdesign-vue-next").TdConfigProviderProps["globalConfig"]>["chat"] & {
+            failedObtainSessionIdMessage?: string;
+            failedObtainUrlMessage?: string;
+            failedObtainAgentInfoMessage?: string;
+            apiUnknownErrorMessage?: string;
+            failedParseContentMessage?: string;
+            parsedContentEmptyMessage?: string;
+            agentProcessingTimeoutMessage?: string;
+        };
+        office?: {
+            prevPage?: string;
+            nextPage?: string;
+            zoomOut?: string;
+            zoomIn?: string;
+            cancelAdaptiveView?: string;
+            adaptiveView?: string;
+        };
+        dialogTableSelect?: {
+            addText?: string;
+            addConfirmText?: string;
+            addCancelText?: string;
+        };
+    })[T]>>(path: T_1) => NonNullable<NonNullable<(Omit<import("tdesign-vue-next").GlobalConfigProvider | undefined, "upload" | "chat"> & {
+        loading?: {
+            text?: string;
+        };
+        timeFormat: {
+            seconds?: string;
+            minutes?: string;
+            hours?: string;
+            days?: string;
+        };
+        crud?: {
+            emptyText?: string;
+            searchText?: string;
+            resetText?: string;
+            addText?: string;
+            viewText?: string;
+            editText?: string;
+            deleteText?: string;
+            operationText?: string;
+            closeText?: string;
+            deleteSuccessText?: string;
+            deleteHasChildrenText?: string;
+            operationSuccessText?: string;
+            deleteWrapperBodyText?: string;
+            collapseSearchText?: string;
+            expandSearchText?: string;
+            hideSearchText?: string;
+            showSearchText?: string;
+            refreshText?: string;
+            collapseTreeText?: string;
+            expandTreeText?: string;
+            columnControllerText?: string;
+        };
+        modal?: {
+            systemPromptText?: string;
+        };
+        upload?: NonNullable<import("tdesign-vue-next").TdConfigProviderProps["globalConfig"]>["upload"] & {
+            fileFormatNotSupportedMessage?: [string, string];
+            maxUploadMessage?: [string, string];
+            sameNameMessage?: string;
+            fileSizeExceedsLimit?: string;
+            fileUploadFailed?: string;
+            viewFileText?: string;
+        };
+        chat?: NonNullable<import("tdesign-vue-next").TdConfigProviderProps["globalConfig"]>["chat"] & {
+            failedObtainSessionIdMessage?: string;
+            failedObtainUrlMessage?: string;
+            failedObtainAgentInfoMessage?: string;
+            apiUnknownErrorMessage?: string;
+            failedParseContentMessage?: string;
+            parsedContentEmptyMessage?: string;
+            agentProcessingTimeoutMessage?: string;
+        };
+        office?: {
+            prevPage?: string;
+            nextPage?: string;
+            zoomOut?: string;
+            zoomIn?: string;
+            cancelAdaptiveView?: string;
+            adaptiveView?: string;
+        };
+        dialogTableSelect?: {
+            addText?: string;
+            addConfirmText?: string;
+            addCancelText?: string;
+        };
+    })[T]>[T_1]>;
+    global: import("vue").ComputedRef<NonNullable<(Omit<import("tdesign-vue-next").GlobalConfigProvider | undefined, "upload" | "chat"> & {
+        loading?: {
+            text?: string;
+        };
+        timeFormat: {
+            seconds?: string;
+            minutes?: string;
+            hours?: string;
+            days?: string;
+        };
+        crud?: {
+            emptyText?: string;
+            searchText?: string;
+            resetText?: string;
+            addText?: string;
+            viewText?: string;
+            editText?: string;
+            deleteText?: string;
+            operationText?: string;
+            closeText?: string;
+            deleteSuccessText?: string;
+            deleteHasChildrenText?: string;
+            operationSuccessText?: string;
+            deleteWrapperBodyText?: string;
+            collapseSearchText?: string;
+            expandSearchText?: string;
+            hideSearchText?: string;
+            showSearchText?: string;
+            refreshText?: string;
+            collapseTreeText?: string;
+            expandTreeText?: string;
+            columnControllerText?: string;
+        };
+        modal?: {
+            systemPromptText?: string;
+        };
+        upload?: NonNullable<import("tdesign-vue-next").TdConfigProviderProps["globalConfig"]>["upload"] & {
+            fileFormatNotSupportedMessage?: [string, string];
+            maxUploadMessage?: [string, string];
+            sameNameMessage?: string;
+            fileSizeExceedsLimit?: string;
+            fileUploadFailed?: string;
+            viewFileText?: string;
+        };
+        chat?: NonNullable<import("tdesign-vue-next").TdConfigProviderProps["globalConfig"]>["chat"] & {
+            failedObtainSessionIdMessage?: string;
+            failedObtainUrlMessage?: string;
+            failedObtainAgentInfoMessage?: string;
+            apiUnknownErrorMessage?: string;
+            failedParseContentMessage?: string;
+            parsedContentEmptyMessage?: string;
+            agentProcessingTimeoutMessage?: string;
+        };
+        office?: {
+            prevPage?: string;
+            nextPage?: string;
+            zoomOut?: string;
+            zoomIn?: string;
+            cancelAdaptiveView?: string;
+            adaptiveView?: string;
+        };
+        dialogTableSelect?: {
+            addText?: string;
+            addConfirmText?: string;
+            addCancelText?: string;
+        };
+    })[T]>>;
+};

package/dist/components/config-provider/useConfig.mjs

@@ -0,0 +1,26 @@
+import { getCurrentInstance, inject, computed } from "vue";
+import { PROVIDE_GLOBAL_CONFIG } from "./config.mjs";
+import zhCN from "../../locales/zh-CN.mjs";
+import get from "../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/get.mjs";
+function useConfig(key, componentLocale) {
+  const injectGlobalConfig = getCurrentInstance?.() ? inject(PROVIDE_GLOBAL_CONFIG, void 0) : computed(() => window.__QIDIAN_GLOBAL_CONFIG__);
+  const mergedGlobalConfig = computed(() => injectGlobalConfig?.value || zhCN);
+  const globalConfig = computed(
+    () => Object.assign(
+      {},
+      mergedGlobalConfig.value[key],
+      componentLocale
+    )
+  );
+  const t = (path) => {
+    return get(globalConfig.value, path);
+  };
+  return {
+    t,
+    global: globalConfig
+  };
+}
+export {
+  useConfig
+};
+//# sourceMappingURL=useConfig.mjs.map

package/dist/components/config-provider/useConfig.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConfig.mjs","sources":["../../../src/components/config-provider/useConfig.ts"],"sourcesContent":["import type { QdConfigProviderProps } from './types'\nimport { computed, getCurrentInstance, inject } from 'vue'\nimport { PROVIDE_GLOBAL_CONFIG } from './config'\nimport zhCN from '../../locales/zh-CN'\nimport { get } from 'lodash-es'\n\nexport function useConfig<T extends keyof NonNullable<QdConfigProviderProps['globalConfig']>>(\n  key: T,\n  componentLocale?: NonNullable<QdConfigProviderProps['globalConfig']>[T]\n) {\n  const injectGlobalConfig = getCurrentInstance?.()\n    ? inject(PROVIDE_GLOBAL_CONFIG, undefined)\n    : computed(() => window.__QIDIAN_GLOBAL_CONFIG__)\n\n  const mergedGlobalConfig = computed(() => injectGlobalConfig?.value || zhCN)\n\n  const globalConfig = computed<NonNullable<NonNullable<QdConfigProviderProps['globalConfig']>[T]>>(\n    () =>\n      Object.assign(\n        {},\n        mergedGlobalConfig.value[key as keyof typeof mergedGlobalConfig.value],\n        componentLocale\n      )\n  )\n\n  const t = <T extends keyof typeof globalConfig.value = keyof typeof globalConfig.value>(\n    path: T\n  ) => {\n    return get(globalConfig.value, path) as NonNullable<(typeof globalConfig.value)[T]>\n  }\n\n  return {\n    t,\n    global: globalConfig\n  }\n}\n"],"names":[],"mappings":";;;;AAMO,SAAS,UACd,KACA,iBACA;AACA,QAAM,qBAAqB,qBAAA,IACvB,OAAO,uBAAuB,MAAS,IACvC,SAAS,MAAM,OAAO,wBAAwB;AAElD,QAAM,qBAAqB,SAAS,MAAM,oBAAoB,SAAS,IAAI;AAE3E,QAAM,eAAe;AAAA,IACnB,MACE,OAAO;AAAA,MACL,CAAA;AAAA,MACA,mBAAmB,MAAM,GAA4C;AAAA,MACrE;AAAA,IAAA;AAAA,EACF;AAGJ,QAAM,IAAI,CACR,SACG;AACH,WAAO,IAAI,aAAa,OAAO,IAAI;AAAA,EACrC;AAEA,SAAO;AAAA,IACL;AAAA,IACA,QAAQ;AAAA,EAAA;AAEZ;"}

package/dist/components/config-renderer/compute.d.ts

@@ -0,0 +1,8 @@
+import type { ComputedRef, Ref } from 'vue';
+import type { QdComputeFunction, QdAsyncComputeOptions } from './types';
+export declare function qdCompute<T = unknown>(fn: QdComputeFunction<T>): QdComputeFunction<T>;
+export declare function qdAsyncCompute<T = unknown>(options: QdAsyncComputeOptions<T>): QdAsyncComputeOptions<T>;
+export declare function qdUseComputeValue<T = unknown>(computeFn: QdComputeFunction<T> | QdAsyncComputeOptions<T>, context: Ref<Record<string, unknown>> | ComputedRef<Record<string, unknown>>): {
+    result: Ref<T, T>;
+    loading: Ref<boolean, boolean>;
+};

package/dist/components/config-renderer/compute.mjs

@@ -0,0 +1,68 @@
+import { ref, watch, computed } from "vue";
+import { to } from "qidian-shared";
+const watchHandleMap = /* @__PURE__ */ new Map();
+function qdCompute(fn) {
+  fn.__qdCompute = true;
+  fn.__qdId = `qd_compute_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`;
+  return fn;
+}
+function qdAsyncCompute(options) {
+  options.__qdAsyncCompute = true;
+  options.__qdId = `qd_async_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`;
+  return options;
+}
+function qdUseComputeValue(computeFn, context) {
+  const computeId = computeFn.__qdId;
+  if (!computeId) {
+    throw new Error("[configRenderer.qdUseComputeValue] 计算函数必须具有 ID");
+  }
+  watchHandleMap.get(computeId)?.();
+  let watchHandle;
+  const result = ref();
+  const loading = ref(false);
+  if ("__qdCompute" in computeFn) {
+    watchHandle = watch(
+      context,
+      (newValue) => {
+        result.value = computeFn(newValue);
+      },
+      { immediate: true, deep: true }
+    );
+  } else {
+    const asyncCompute = computeFn;
+    const { asyncFn, watch: watchFn } = asyncCompute;
+    if (watchFn) {
+      const watchValue = computed(() => watchFn(context.value));
+      watchHandle = watch(
+        watchValue,
+        async (newValue) => {
+          loading.value = true;
+          try {
+            result.value = await asyncFn(newValue, context.value);
+          } finally {
+            loading.value = false;
+          }
+        },
+        { immediate: true }
+      );
+    } else {
+      loading.value = true;
+      (async () => {
+        const watchValue = context.value;
+        const [asyncErr, value] = await to(asyncFn(watchValue, context.value));
+        loading.value = false;
+        if (asyncErr) return asyncErr;
+        result.value = value;
+      })();
+    }
+  }
+  if (watchHandle) watchHandleMap.set(computeId, watchHandle);
+  const res = { result, loading };
+  return res;
+}
+export {
+  qdAsyncCompute,
+  qdCompute,
+  qdUseComputeValue
+};
+//# sourceMappingURL=compute.mjs.map

package/dist/components/config-renderer/compute.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"compute.mjs","sources":["../../../src/components/config-renderer/compute.ts"],"sourcesContent":["import type { ComputedRef, Ref, WatchHandle } from 'vue'\nimport type { QdComputeFunction, QdAsyncComputeOptions } from './types'\nimport { computed, watch, ref } from 'vue'\nimport { to } from 'qidian-shared'\n\nconst watchHandleMap = new Map<string, WatchHandle>()\n\nexport function qdCompute<T = unknown>(fn: QdComputeFunction<T>) {\n  fn.__qdCompute = true\n  fn.__qdId = `qd_compute_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`\n  return fn\n}\n\nexport function qdAsyncCompute<T = unknown>(options: QdAsyncComputeOptions<T>) {\n  options.__qdAsyncCompute = true\n  options.__qdId = `qd_async_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`\n  return options\n}\n\nexport function qdUseComputeValue<T = unknown>(\n  computeFn: QdComputeFunction<T> | QdAsyncComputeOptions<T>,\n  context: Ref<Record<string, unknown>> | ComputedRef<Record<string, unknown>>\n) {\n  const computeId = computeFn.__qdId\n  if (!computeId) {\n    throw new Error('[configRenderer.qdUseComputeValue] 计算函数必须具有 ID')\n  }\n\n  watchHandleMap.get(computeId)?.()\n  let watchHandle: WatchHandle | undefined\n  const result = ref<T>() as Ref<T>\n  const loading = ref(false)\n\n  if ('__qdCompute' in computeFn) {\n    watchHandle = watch(\n      context,\n      (newValue) => {\n        result.value = computeFn(newValue)\n      },\n      { immediate: true, deep: true }\n    )\n  } else {\n    // qdAsyncCompute\n    const asyncCompute = computeFn as QdAsyncComputeOptions<T>\n    const { asyncFn, watch: watchFn } = asyncCompute\n\n    if (watchFn) {\n      // 有 watch 监听\n      const watchValue = computed(() => watchFn(context.value))\n\n      watchHandle = watch(\n        watchValue,\n        async (newValue: unknown) => {\n          loading.value = true\n          try {\n            result.value = await asyncFn(newValue, context.value)\n          } finally {\n            loading.value = false\n          }\n        },\n        { immediate: true }\n      )\n    } else {\n      // 只执行一次\n      loading.value = true\n      ;(async () => {\n        const watchValue = context.value\n\n        const [asyncErr, value] = await to(asyncFn(watchValue, context.value))\n        loading.value = false\n        if (asyncErr) return asyncErr\n\n        result.value = value\n      })()\n    }\n  }\n\n  if (watchHandle) watchHandleMap.set(computeId, watchHandle)\n  const res = { result, loading }\n\n  return res\n}\n"],"names":[],"mappings":";;AAKA,MAAM,qCAAqB,IAAA;AAEpB,SAAS,UAAuB,IAA0B;AAC/D,KAAG,cAAc;AACjB,KAAG,SAAS,cAAc,KAAK,IAAA,CAAK,IAAI,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC;AAC9E,SAAO;AACT;AAEO,SAAS,eAA4B,SAAmC;AAC7E,UAAQ,mBAAmB;AAC3B,UAAQ,SAAS,YAAY,KAAK,IAAA,CAAK,IAAI,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC;AACjF,SAAO;AACT;AAEO,SAAS,kBACd,WACA,SACA;AACA,QAAM,YAAY,UAAU;AAC5B,MAAI,CAAC,WAAW;AACd,UAAM,IAAI,MAAM,gDAAgD;AAAA,EAClE;AAEA,iBAAe,IAAI,SAAS,IAAA;AAC5B,MAAI;AACJ,QAAM,SAAS,IAAA;AACf,QAAM,UAAU,IAAI,KAAK;AAEzB,MAAI,iBAAiB,WAAW;AAC9B,kBAAc;AAAA,MACZ;AAAA,MACA,CAAC,aAAa;AACZ,eAAO,QAAQ,UAAU,QAAQ;AAAA,MACnC;AAAA,MACA,EAAE,WAAW,MAAM,MAAM,KAAA;AAAA,IAAK;AAAA,EAElC,OAAO;AAEL,UAAM,eAAe;AACrB,UAAM,EAAE,SAAS,OAAO,QAAA,IAAY;AAEpC,QAAI,SAAS;AAEX,YAAM,aAAa,SAAS,MAAM,QAAQ,QAAQ,KAAK,CAAC;AAExD,oBAAc;AAAA,QACZ;AAAA,QACA,OAAO,aAAsB;AAC3B,kBAAQ,QAAQ;AAChB,cAAI;AACF,mBAAO,QAAQ,MAAM,QAAQ,UAAU,QAAQ,KAAK;AAAA,UACtD,UAAA;AACE,oBAAQ,QAAQ;AAAA,UAClB;AAAA,QACF;AAAA,QACA,EAAE,WAAW,KAAA;AAAA,MAAK;AAAA,IAEtB,OAAO;AAEL,cAAQ,QAAQ;AACf,OAAC,YAAY;AACZ,cAAM,aAAa,QAAQ;AAE3B,cAAM,CAAC,UAAU,KAAK,IAAI,MAAM,GAAG,QAAQ,YAAY,QAAQ,KAAK,CAAC;AACrE,gBAAQ,QAAQ;AAChB,YAAI,SAAU,QAAO;AAErB,eAAO,QAAQ;AAAA,MACjB,GAAA;AAAA,IACF;AAAA,EACF;AAEA,MAAI,YAAa,gBAAe,IAAI,WAAW,WAAW;AAC1D,QAAM,MAAM,EAAE,QAAQ,QAAA;AAEtB,SAAO;AACT;"}

package/dist/components/config-renderer/index.d.ts

@@ -0,0 +1,4 @@
+export { default as QdConfigRenderer } from './index.vue';
+export { qdCompute, qdAsyncCompute, qdUseComputeValue } from './compute';
+export { resolveVModelBinding, parseVModelPath, getValueByPath, setValueByPath } from './utils';
+export type { QdComponentResolver, QdComputeFunction, QdAsyncFunction, QdWatchFunction, QdAsyncComputeOptions, QdConfigValue, Qd2ConfigValue, QdConfigSlotProps, QdComponentConfig, QdConfigRendererProps } from './types';

package/dist/components/config-renderer/index.vue.d.ts

@@ -0,0 +1,7 @@
+import type { QdConfigRendererProps } from './types';
+declare const _default: import("vue").DefineComponent<QdConfigRendererProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    ifRenderChange: (args_0: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<QdConfigRendererProps> & Readonly<{
+    onIfRenderChange?: ((args_0: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/config-renderer/index.vue.mjs

@@ -0,0 +1,126 @@
+import { defineComponent, computed, h, resolveComponent, watch, createBlock, createCommentVNode, openBlock, resolveDynamicComponent, normalizeProps, mergeProps, createSlots, renderList, withCtx } from "vue";
+import { qdUseComputeValue } from "./compute.mjs";
+import { resolveVModelBinding } from "./utils.mjs";
+import { isEmpty } from "qidian-shared";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "QdConfigRenderer"
+  },
+  __name: "index",
+  props: {
+    config: {},
+    context: {},
+    fnInjectCtx: { type: Boolean }
+  },
+  emits: ["ifRenderChange"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    let initialized = false;
+    const currentContext = computed(() => props.config.context || props.context || {});
+    const reIfRender = computed(() => {
+      const ifRender = props.config.ifRender;
+      if (isEmpty(ifRender)) return true;
+      if (ifRender?.__qdCompute || ifRender?.__qdAsyncCompute) {
+        const { result } = qdUseComputeValue(
+          ifRender,
+          currentContext
+        );
+        return result.value;
+      }
+      return ifRender;
+    });
+    const resolvedComponent = computed(() => {
+      const { is, render } = props.config;
+      if (render) {
+        return () => render(h, currentContext.value);
+      }
+      if (!is) return "div";
+      if (typeof is === "string") {
+        if (is === is.toLowerCase()) {
+          return is;
+        }
+        const resolved = resolveComponent(is);
+        if (resolved !== is) return resolved;
+        return is;
+      }
+      return is;
+    });
+    const componentProps = computed(() => {
+      const config = props.config;
+      const componentProps2 = {};
+      Object.entries(config).forEach(([key, value]) => {
+        if (key.startsWith("vModel") && typeof value === "string") {
+          const propName = key.slice(6);
+          const defaultKey = "default" + (key === "vModel" ? "ModelValue" : propName.charAt(0).toUpperCase() + key.slice(7));
+          const defaultValue = config[defaultKey];
+          const vModelBinding = resolveVModelBinding(
+            currentContext.value,
+            value,
+            initialized ? void 0 : defaultValue
+          );
+          if (key === "vModel") {
+            componentProps2.modelValue = vModelBinding.modelValue;
+            componentProps2["onUpdate:modelValue"] = vModelBinding["onUpdate:modelValue"];
+          } else {
+            const lowerFirst = propName.charAt(0).toLowerCase() + propName.slice(1);
+            componentProps2[lowerFirst] = vModelBinding.modelValue;
+            componentProps2[`onUpdate:${lowerFirst}`] = vModelBinding["onUpdate:modelValue"];
+          }
+        }
+      });
+      initialized = true;
+      Object.entries(config).forEach(([key, value]) => {
+        if (["is", "context", "slots", "ifRender"].includes(key)) return;
+        if (key.startsWith("vModel")) return;
+        if (key.startsWith("default")) {
+          const propName = key.slice(7);
+          const vModelKey = "vModel" + (propName === "ModelValue" ? "" : propName.charAt(0).toUpperCase() + propName.slice(1));
+          if (config[vModelKey]) return;
+        }
+        if (value?.__qdCompute || value?.__qdAsyncCompute) {
+          const { result } = qdUseComputeValue(
+            value,
+            currentContext
+          );
+          componentProps2[key] = result.value;
+        } else if (props.fnInjectCtx && typeof value === "function" && key.startsWith("on")) {
+          componentProps2[key] = (...args) => {
+            return value(currentContext.value, ...args);
+          };
+        } else {
+          componentProps2[key] = value;
+        }
+      });
+      return componentProps2;
+    });
+    watch(
+      reIfRender,
+      (newV, oldV) => {
+        if (newV === oldV) return;
+        emit("ifRenderChange", newV);
+      },
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      return reIfRender.value !== false ? (openBlock(), createBlock(resolveDynamicComponent(resolvedComponent.value), normalizeProps(mergeProps({ key: 0 }, componentProps.value)), createSlots({ _: 2 }, [
+        renderList(__props.config.slots, (slotConfig, slotName) => {
+          return {
+            name: slotName,
+            fn: withCtx((slotProps) => [
+              slotConfig ? (openBlock(), createBlock(_sfc_main, mergeProps({
+                key: 0,
+                config: slotConfig,
+                context: slotConfig.context || currentContext.value
+              }, slotProps), null, 16, ["config", "context"])) : createCommentVNode("", true)
+            ])
+          };
+        })
+      ]), 1040)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/dist/components/config-renderer/index.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.mjs","sources":["../../../src/components/config-renderer/index.vue"],"sourcesContent":["<template>\n  <component :is=\"resolvedComponent\" v-bind=\"componentProps\" v-if=\"reIfRender !== false\">\n    <template\n      v-for=\"(slotConfig, slotName) in config.slots\"\n      :key=\"slotName\"\n      #[slotName]=\"slotProps\"\n    >\n      <qd-config-renderer\n        v-if=\"slotConfig\"\n        :config=\"slotConfig\"\n        :context=\"slotConfig.context || currentContext\"\n        v-bind=\"slotProps\"\n      />\n    </template>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\n  import type { QdConfigRendererProps, QdComputeFunction, QdAsyncComputeOptions } from './types'\n  import { computed, resolveComponent, h, watch } from 'vue'\n  import { qdUseComputeValue } from './compute'\n  import { resolveVModelBinding } from './utils'\n  import QdConfigRenderer from './index.vue'\n  import { isEmpty } from 'qidian-shared'\n\n  defineOptions({\n    name: 'QdConfigRenderer'\n  })\n\n  const props = withDefaults(defineProps<QdConfigRendererProps>(), {})\n  const emit = defineEmits<{ ifRenderChange: [boolean] }>()\n\n  let initialized = false\n  const currentContext = computed(() => props.config.context || props.context || {})\n\n  // 处理 ifRender\n  const reIfRender = computed(() => {\n    const ifRender = props.config.ifRender\n    if (isEmpty(ifRender)) return true\n\n    if (\n      (ifRender as QdComputeFunction<boolean>)?.__qdCompute ||\n      (ifRender as QdAsyncComputeOptions<boolean>)?.__qdAsyncCompute\n    ) {\n      const { result } = qdUseComputeValue(\n        ifRender as QdComputeFunction<boolean> | QdAsyncComputeOptions<boolean>,\n        currentContext\n      )\n      return result.value\n    }\n\n    return ifRender as boolean\n  })\n\n  // 解析组件\n  const resolvedComponent = computed(() => {\n    const { is, render } = props.config\n\n    // 优先使用 render 函数\n    if (render) {\n      return () => render(h, currentContext.value)\n    }\n\n    if (!is) return 'div'\n\n    if (typeof is === 'string') {\n      // 对于原生 HTML 标签（小写），直接返回\n      if (is === is.toLowerCase()) {\n        return is\n      }\n\n      // 尝试解析为注册的组件\n      const resolved = resolveComponent(is)\n      if (resolved !== is) return resolved\n      return is\n    }\n\n    return is\n  })\n\n  // 处理动态属性\n  const componentProps = computed(() => {\n    const config = props.config\n    const componentProps: Record<string, unknown> = {}\n\n    // 处理 vModel 开头的属性\n    Object.entries(config).forEach(([key, value]) => {\n      if (key.startsWith('vModel') && typeof value === 'string') {\n        const propName = key.slice(6) // 移除 'vModel' 前缀\n        // 获取对应的默认值，比如 vModel -> defaultModelValue, vModelValue -> defaultValue\n        const defaultKey =\n          'default' +\n          (key === 'vModel' ? 'ModelValue' : propName.charAt(0).toUpperCase() + key.slice(7))\n        const defaultValue = config[defaultKey]\n        const vModelBinding = resolveVModelBinding(\n          currentContext.value,\n          value,\n          initialized ? undefined : defaultValue\n        )\n\n        if (key === 'vModel') {\n          componentProps.modelValue = vModelBinding.modelValue\n          componentProps['onUpdate:modelValue'] = vModelBinding['onUpdate:modelValue']\n        } else {\n          // 处理其他 vModel 属性，如 vModelValue -> value\n          const lowerFirst = propName.charAt(0).toLowerCase() + propName.slice(1)\n          componentProps[lowerFirst] = vModelBinding.modelValue\n          componentProps[`onUpdate:${lowerFirst}`] = vModelBinding['onUpdate:modelValue']\n        }\n      }\n    })\n    initialized = true\n\n    // 处理其他属性\n    Object.entries(config).forEach(([key, value]) => {\n      if (['is', 'context', 'slots', 'ifRender'].includes(key)) return\n      if (key.startsWith('vModel')) return\n\n      // 检查是否为 vModel 对应的默认值配置\n      if (key.startsWith('default')) {\n        // 反向查找对应的 vModelKey\n        const propName = key.slice(7) // 移除 'default' 前缀\n        const vModelKey =\n          'vModel' +\n          (propName === 'ModelValue' ? '' : propName.charAt(0).toUpperCase() + propName.slice(1))\n        if (config[vModelKey]) return // 只有当存在对应的 vModel 配置时才跳过\n      }\n\n      // 处理动态计算的值\n      if (\n        (value as QdComputeFunction)?.__qdCompute ||\n        (value as QdAsyncComputeOptions)?.__qdAsyncCompute\n      ) {\n        const { result } = qdUseComputeValue(\n          value as QdComputeFunction | QdAsyncComputeOptions,\n          currentContext\n        )\n        componentProps[key] = result.value\n      } else if (props.fnInjectCtx && typeof value === 'function' && key.startsWith('on')) {\n        componentProps[key] = (...args: unknown[]) => {\n          return value(currentContext.value, ...args)\n        }\n      } else {\n        componentProps[key] = value\n      }\n    })\n\n    return componentProps\n  })\n\n  watch(\n    reIfRender,\n    (newV, oldV) => {\n      if (newV === oldV) return\n\n      emit('ifRenderChange', newV)\n    },\n    { immediate: true }\n  )\n</script>\n"],"names":["componentProps","_createBlock","_resolveDynamicComponent","_normalizeProps","_mergeProps","_createSlots","_renderList","_withCtx","_openBlock","QdConfigRenderer"],"mappings":";;;;;;;;;;;;;;;;AA6BE,UAAM,QAAQ;AACd,UAAM,OAAO;AAEb,QAAI,cAAc;AAClB,UAAM,iBAAiB,SAAS,MAAM,MAAM,OAAO,WAAW,MAAM,WAAW,EAAE;AAGjF,UAAM,aAAa,SAAS,MAAM;AAChC,YAAM,WAAW,MAAM,OAAO;AAC9B,UAAI,QAAQ,QAAQ,EAAG,QAAO;AAE9B,UACG,UAAyC,eACzC,UAA6C,kBAC9C;AACA,cAAM,EAAE,WAAW;AAAA,UACjB;AAAA,UACA;AAAA,QAAA;AAEF,eAAO,OAAO;AAAA,MAChB;AAEA,aAAO;AAAA,IACT,CAAC;AAGD,UAAM,oBAAoB,SAAS,MAAM;AACvC,YAAM,EAAE,IAAI,OAAA,IAAW,MAAM;AAG7B,UAAI,QAAQ;AACV,eAAO,MAAM,OAAO,GAAG,eAAe,KAAK;AAAA,MAC7C;AAEA,UAAI,CAAC,GAAI,QAAO;AAEhB,UAAI,OAAO,OAAO,UAAU;AAE1B,YAAI,OAAO,GAAG,eAAe;AAC3B,iBAAO;AAAA,QACT;AAGA,cAAM,WAAW,iBAAiB,EAAE;AACpC,YAAI,aAAa,GAAI,QAAO;AAC5B,eAAO;AAAA,MACT;AAEA,aAAO;AAAA,IACT,CAAC;AAGD,UAAM,iBAAiB,SAAS,MAAM;AACpC,YAAM,SAAS,MAAM;AACrB,YAAMA,kBAA0C,CAAA;AAGhD,aAAO,QAAQ,MAAM,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AAC/C,YAAI,IAAI,WAAW,QAAQ,KAAK,OAAO,UAAU,UAAU;AACzD,gBAAM,WAAW,IAAI,MAAM,CAAC;AAE5B,gBAAM,aACJ,aACC,QAAQ,WAAW,eAAe,SAAS,OAAO,CAAC,EAAE,YAAA,IAAgB,IAAI,MAAM,CAAC;AACnF,gBAAM,eAAe,OAAO,UAAU;AACtC,gBAAM,gBAAgB;AAAA,YACpB,eAAe;AAAA,YACf;AAAA,YACA,cAAc,SAAY;AAAA,UAAA;AAG5B,cAAI,QAAQ,UAAU;AACpBA,4BAAe,aAAa,cAAc;AAC1CA,4BAAe,qBAAqB,IAAI,cAAc,qBAAqB;AAAA,UAC7E,OAAO;AAEL,kBAAM,aAAa,SAAS,OAAO,CAAC,EAAE,gBAAgB,SAAS,MAAM,CAAC;AACtEA,4BAAe,UAAU,IAAI,cAAc;AAC3CA,4BAAe,YAAY,UAAU,EAAE,IAAI,cAAc,qBAAqB;AAAA,UAChF;AAAA,QACF;AAAA,MACF,CAAC;AACD,oBAAc;AAGd,aAAO,QAAQ,MAAM,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AAC/C,YAAI,CAAC,MAAM,WAAW,SAAS,UAAU,EAAE,SAAS,GAAG,EAAG;AAC1D,YAAI,IAAI,WAAW,QAAQ,EAAG;AAG9B,YAAI,IAAI,WAAW,SAAS,GAAG;AAE7B,gBAAM,WAAW,IAAI,MAAM,CAAC;AAC5B,gBAAM,YACJ,YACC,aAAa,eAAe,KAAK,SAAS,OAAO,CAAC,EAAE,YAAA,IAAgB,SAAS,MAAM,CAAC;AACvF,cAAI,OAAO,SAAS,EAAG;AAAA,QACzB;AAGA,YACG,OAA6B,eAC7B,OAAiC,kBAClC;AACA,gBAAM,EAAE,WAAW;AAAA,YACjB;AAAA,YACA;AAAA,UAAA;AAEFA,0BAAe,GAAG,IAAI,OAAO;AAAA,QAC/B,WAAW,MAAM,eAAe,OAAO,UAAU,cAAc,IAAI,WAAW,IAAI,GAAG;AACnFA,0BAAe,GAAG,IAAI,IAAI,SAAoB;AAC5C,mBAAO,MAAM,eAAe,OAAO,GAAG,IAAI;AAAA,UAC5C;AAAA,QACF,OAAO;AACLA,0BAAe,GAAG,IAAI;AAAA,QACxB;AAAA,MACF,CAAC;AAED,aAAOA;AAAAA,IACT,CAAC;AAED;AAAA,MACE;AAAA,MACA,CAAC,MAAM,SAAS;AACd,YAAI,SAAS,KAAM;AAEnB,aAAK,kBAAkB,IAAI;AAAA,MAC7B;AAAA,MACA,EAAE,WAAW,KAAA;AAAA,IAAK;;aA5J6C,WAAA,UAAU,sBAA3EC,YAaYC,wBAbI,kBAAA,KAAiB,GAAAC,eAAAC,WAAA,EAAA,KAAA,EAAA,GAAU,eAAA,KAAc,CAAA,GAAAC,YAAA,EAAA,GAAA,KAAA;AAAA,QAEpBC,WAAA,QAAA,OAAO,OAAK,CAArC,YAAY,aAAQ;;kBAE3B;AAAA,YAED,IAAAC,QAAA,CAFa,cAAS;AAAA,cAGd,cADRC,UAAA,GAAAP,YAKEQ,WALFL,WAKE;AAAA;gBAHC,QAAQ;AAAA,gBACR,SAAS,WAAW,WAAW,eAAA;AAAA,cAAA,GACxB,SAAS,GAAA,MAAA,IAAA,CAAA,UAAA,SAAA,CAAA;;;;;;;;"}

package/dist/components/config-renderer/index.vue2.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from "./index.vue.mjs";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index.vue2.mjs.map

package/dist/components/config-renderer/index.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/config-renderer/types.d.ts

@@ -0,0 +1,39 @@
+import type { Component, VNode, h } from 'vue';
+export type QdComponentResolver = string | Component | VNode;
+export type QdComponentRender = (vueH: typeof h, context: Record<string, unknown>) => VNode;
+export type QdComputeFunction<T = unknown> = ((context: Record<string, unknown>) => T) & {
+    __qdCompute?: true;
+    __qdId?: string;
+};
+export type QdAsyncFunction<T = unknown> = (watchValue: unknown, context: Record<string, unknown>) => Promise<T>;
+export type QdWatchFunction<T = unknown> = (context: Record<string, unknown>) => T;
+export interface QdAsyncComputeOptions<T = unknown> {
+    asyncFn: QdAsyncFunction<T>;
+    watch?: QdWatchFunction<T>;
+    __qdAsyncCompute?: true;
+    __qdExecuted?: boolean;
+    __qdId?: string;
+}
+export type QdConfigValue<T = unknown> = T | QdComputeFunction<T> | QdAsyncComputeOptions<T>;
+export type Qd2ConfigValue<T> = {
+    [K in keyof T]: T[K] extends (...args: never[]) => unknown ? QdConfigValue<T[K]> : QdConfigValue<T[K]>;
+};
+export interface QdConfigSlotProps {
+    [slotName: string]: QdComponentConfig;
+}
+export interface QdComponentConfig {
+    is?: QdComponentResolver;
+    render?: QdComponentRender;
+    context?: Record<string, unknown>;
+    options?: QdConfigValue;
+    slots?: QdConfigSlotProps;
+    ifRender?: QdConfigValue<boolean>;
+    [key: `vModel${string}`]: string;
+    [key: `default${string}`]: unknown;
+    [key: string]: QdConfigValue;
+}
+export interface QdConfigRendererProps {
+    config: QdComponentConfig;
+    context?: Record<string, unknown>;
+    fnInjectCtx?: boolean;
+}

package/dist/components/config-renderer/utils.d.ts

@@ -0,0 +1,15 @@
+export interface VModelPath {
+    path: string;
+    keys: string[];
+}
+export declare function parseVModelPath(path: string): VModelPath;
+export declare function getValueByPath(obj: Record<string, unknown>, path: string): unknown;
+export declare function setValueByPath(obj: Record<string, unknown>, path: string, value: unknown): void;
+export declare function createVModelBinding(context: Record<string, unknown>, vModelPath?: string, defaultValue?: unknown): {
+    modelValue: unknown;
+    'onUpdate:modelValue': undefined;
+} | {
+    modelValue: unknown;
+    'onUpdate:modelValue': (value: unknown) => void;
+};
+export declare function resolveVModelBinding(context: Record<string, unknown>, vModel?: string, defaultValue?: unknown): Record<string, unknown>;

package/dist/components/config-renderer/utils.mjs

@@ -0,0 +1,49 @@
+import get from "../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/get.mjs";
+import set from "../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/set.mjs";
+function parseVModelPath(path) {
+  return {
+    path,
+    keys: path.split(".")
+  };
+}
+function getValueByPath(obj, path) {
+  return get(obj, path);
+}
+function setValueByPath(obj, path, value) {
+  set(obj, path, value);
+}
+function createVModelBinding(context, vModelPath, defaultValue) {
+  if (!vModelPath) {
+    return {
+      modelValue: defaultValue,
+      "onUpdate:modelValue": void 0
+    };
+  }
+  const currentValue = getValueByPath(context, vModelPath);
+  if (currentValue === void 0 && defaultValue !== void 0) {
+    setValueByPath(context, vModelPath, defaultValue);
+  }
+  return {
+    modelValue: currentValue !== void 0 ? currentValue : defaultValue,
+    "onUpdate:modelValue": (value) => {
+      setValueByPath(context, vModelPath, value);
+    }
+  };
+}
+function resolveVModelBinding(context, vModel, defaultValue) {
+  const bindings = {};
+  if (vModel) {
+    const vModelBinding = createVModelBinding(context, vModel, defaultValue);
+    bindings.modelValue = vModelBinding.modelValue;
+    bindings["onUpdate:modelValue"] = vModelBinding["onUpdate:modelValue"];
+  }
+  return bindings;
+}
+export {
+  createVModelBinding,
+  getValueByPath,
+  parseVModelPath,
+  resolveVModelBinding,
+  setValueByPath
+};
+//# sourceMappingURL=utils.mjs.map