qidian-vue-ui 1.1.65 → 1.1.66

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

@@ -1,8 +1,8 @@
 import type { ComputedRef, Ref } from 'vue';
-import type { QdComputeFunction, QdAsyncComputeOptions } from './types';
+import type { QdComputeFunction, QdAsyncComputeOptions, QdConfigRendererProps } 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>>): {
+export declare function qdUseComputeValue<T = unknown>(computeFn: QdComputeFunction<T> | QdAsyncComputeOptions<T>, context: Ref<Record<string, unknown>> | ComputedRef<Record<string, unknown>>, crudMode: QdConfigRendererProps['crudMode']): {
     result: Ref<T, T>;
     loading: Ref<boolean, boolean>;
 };

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

@@ -11,7 +11,7 @@ function qdAsyncCompute(options) {
   options.__qdId = `qd_async_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`;
   return options;
 }
-function qdUseComputeValue(computeFn, context) {
+function qdUseComputeValue(computeFn, context, crudMode) {
   const computeId = computeFn.__qdId;
   if (!computeId) {
     throw new Error("[configRenderer.qdUseComputeValue] 计算函数必须具有 ID");
@@ -24,7 +24,7 @@ function qdUseComputeValue(computeFn, context) {
     watchHandle = watch(
       context,
       (newValue) => {
-        result.value = computeFn(newValue);
+        result.value = computeFn(newValue, crudMode);
       },
       { immediate: true, deep: true }
     );
@@ -38,7 +38,7 @@ function qdUseComputeValue(computeFn, context) {
         async (newValue) => {
           loading.value = true;
           try {
-            result.value = await asyncFn(newValue, context.value);
+            result.value = await asyncFn(newValue, context.value, crudMode);
           } finally {
             loading.value = false;
           }
@@ -49,7 +49,7 @@ function qdUseComputeValue(computeFn, context) {
       loading.value = true;
       (async () => {
         const watchValue = context.value;
-        const [asyncErr, value] = await to(asyncFn(watchValue, context.value));
+        const [asyncErr, value] = await to(asyncFn(watchValue, context.value, crudMode));
         loading.value = false;
         if (asyncErr) return asyncErr;
         result.value = value;

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

@@ -1 +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;"}
+{"version":3,"file":"compute.mjs","sources":["../../../src/components/config-renderer/compute.ts"],"sourcesContent":["import type { ComputedRef, Ref, WatchHandle } from 'vue'\nimport type { QdComputeFunction, QdAsyncComputeOptions, QdConfigRendererProps } 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  crudMode: QdConfigRendererProps['crudMode']\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, crudMode)\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, crudMode)\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, crudMode))\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,UACA;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,UAAU,QAAQ;AAAA,MAC7C;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,OAAO,QAAQ;AAAA,UAChE,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,OAAO,QAAQ,CAAC;AAC/E,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.vue.mjs

@@ -10,7 +10,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     config: {},
     context: {},
-    fnInjectCtx: { type: Boolean }
+    fnInjectCtx: { type: Boolean },
+    crudMode: {}
   },
   emits: ["ifRenderChange"],
   setup(__props, { emit: __emit }) {
@@ -24,7 +25,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (ifRender?.__qdCompute || ifRender?.__qdAsyncCompute) {
         const { result } = qdUseComputeValue(
           ifRender,
-          currentContext
+          currentContext,
+          props.crudMode
         );
         return result.value;
       }
@@ -81,7 +83,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         if (value?.__qdCompute || value?.__qdAsyncCompute) {
           const { result } = qdUseComputeValue(
             value,
-            currentContext
+            currentContext,
+            props.crudMode
           );
           componentProps2[key] = result.value;
         } else if (props.fnInjectCtx && typeof value === "function" && key.startsWith("on")) {
@@ -111,8 +114,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               slotConfig ? (openBlock(), createBlock(_sfc_main, mergeProps({
                 key: 0,
                 config: slotConfig,
+                "crud-mode": __props.crudMode,
                 context: slotConfig.context || currentContext.value
-              }, slotProps), null, 16, ["config", "context"])) : createCommentVNode("", true)
+              }, slotProps), null, 16, ["config", "crud-mode", "context"])) : createCommentVNode("", true)
             ])
           };
         })

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

@@ -1 +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":"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"}
+{"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        :crud-mode=\"crudMode\"\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        props.crudMode\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          props.crudMode\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":"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"}

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

@@ -1,11 +1,12 @@
 import type { Component, VNode, h } from 'vue';
+import type { QdFormProps } from '../form';
 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) & {
+export type QdComputeFunction<T = unknown> = ((context: Record<string, unknown>, crudMode: QdConfigRendererProps['crudMode']) => T) & {
     __qdCompute?: true;
     __qdId?: string;
 };
-export type QdAsyncFunction<T = unknown> = (watchValue: unknown, context: Record<string, unknown>) => Promise<T>;
+export type QdAsyncFunction<T = unknown> = (watchValue: unknown, context: Record<string, unknown>, crudMode: QdConfigRendererProps['crudMode']) => Promise<T>;
 export type QdWatchFunction<T = unknown> = (context: Record<string, unknown>) => T;
 export interface QdAsyncComputeOptions<T = unknown> {
     asyncFn: QdAsyncFunction<T>;
@@ -32,7 +33,7 @@ export interface QdComponentConfig {
     [key: `default${string}`]: unknown;
     [key: string]: QdConfigValue;
 }
-export interface QdConfigRendererProps {
+export interface QdConfigRendererProps extends Pick<QdFormProps, 'crudMode'> {
     config: QdComponentConfig;
     context?: Record<string, unknown>;
     fnInjectCtx?: boolean;

package/dist/components/crud/search/index.vue.d.ts

@@ -24,7 +24,6 @@ declare const __VLS_component: import("vue").DefineComponent<QdCrudSearchProps,
     readonly: boolean;
     gutter: number | import("tdesign-vue-next").GutterObject | (number | import("tdesign-vue-next").GutterObject)[];
     grid: import("../..").QdGridItemProps;
-    defaultClearable: boolean;
     labelAlign: "left" | "right" | "top";
     labelWidth: string | number;
     preventSubmitDefault: boolean;
@@ -34,6 +33,7 @@ declare const __VLS_component: import("vue").DefineComponent<QdCrudSearchProps,
     scrollToFirstError: "" | "smooth" | "auto";
     showErrorMessage: boolean;
     statusIcon: boolean | import("tdesign-vue-next").TNode<import("tdesign-vue-next").TdFormItemProps>;
+    defaultClearable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/components/form/item.css

@@ -1,6 +1,6 @@
-.qd-form-item[data-v-834dd2be] >  .t-form__item > .t-form__controls > .t-form__controls-content > * {
+.qd-form-item[data-v-5f1deb0a] >  .t-form__item > .t-form__controls > .t-form__controls-content > * {
   width: 100%;
 }
-.qd-form-item__component[data-v-834dd2be] {
+.qd-form-item__component[data-v-5f1deb0a] {
   width: 100%;
 }

package/dist/components/form/item.vue.d.ts

@@ -9,11 +9,11 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<QdFormItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<QdFormItemProps> & Readonly<{}>, {
-    ifRender: import("..").QdConfigValue<boolean>;
-    defaultClearable: boolean;
     requiredMark: boolean;
     showErrorMessage: boolean;
     statusIcon: boolean | import("tdesign-vue-next").TNode;
+    ifRender: import("..").QdConfigValue<boolean>;
+    defaultClearable: boolean;
     successBorder: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/components/form/item.vue.mjs

@@ -2,7 +2,7 @@ import './item.css'
 import _sfc_main from "./item.vue2.mjs";
 /* empty css           */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const QdFormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-834dd2be"]]);
+const QdFormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5f1deb0a"]]);
 export {
   QdFormItem as default
 };

package/dist/components/form/item.vue2.mjs

@@ -42,7 +42,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (ifRender?.__qdCompute || ifRender?.__qdAsyncCompute) {
         const { result } = qdUseComputeValue(
           ifRender,
-          computed(() => props.context || {})
+          computed(() => props.context || {}),
+          props.crudMode
         );
         return result.value;
       }
@@ -71,7 +72,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           rules: reRules
         },
         gridItemOptions: { col, row },
-        configRendererOptions: { context, config: component }
+        configRendererOptions: {
+          crudMode: formItemOptions.crudMode,
+          context,
+          config: component
+        }
       };
     });
     return (_ctx, _cache) => {

package/dist/components/form/item.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"item.vue2.mjs","sources":["../../../src/components/form/item.vue"],"sourcesContent":["<template>\n  <qd-grid-item\n    v-if=\"reIfRender !== false\"\n    :class=\"[\n      'qd-form-item',\n      reProps.formItemOptions.name ? `qd-form-item__${reProps.formItemOptions.name}` : ''\n    ]\"\n    v-bind=\"reProps.gridItemOptions\"\n  >\n    <t-form-item v-bind=\"reProps.formItemOptions\">\n      <slot :crud-mode=\"reProps.formItemOptions.crudMode\" :context=\"context\">\n        <qd-config-renderer\n          v-if=\"reProps.configRendererOptions.config\"\n          class=\"qd-form-item__component\"\n          v-bind=\"reProps.configRendererOptions\"\n        />\n      </slot>\n\n      <template v-for=\"name in filterSlots($slots, ['default'])\" #[name]=\"slotProps\">\n        <slot :name=\"name\" v-bind=\"slotProps\" />\n      </template>\n    </t-form-item>\n  </qd-grid-item>\n</template>\n\n<script setup lang=\"ts\">\n  import type { QdFormItemProps } from './types'\n  import type {\n    QdConfigRendererProps,\n    QdComputeFunction,\n    QdAsyncComputeOptions\n  } from '../config-renderer'\n  import { computed } from 'vue'\n  import { FormItem as TFormItem } from 'tdesign-vue-next'\n  import { QdGridItem } from '../grid'\n  import { QdConfigRenderer } from '../config-renderer'\n  import { qdFormItemProps } from './props'\n  import { qdUseComputeValue } from '../config-renderer/compute'\n  import { filterSlots, isEmpty } from 'qidian-shared'\n\n  defineOptions({\n    name: 'QdFormItem'\n  })\n\n  const props = withDefaults(defineProps<QdFormItemProps>(), qdFormItemProps)\n\n  // 处理 ifRender\n  const reIfRender = computed(() => {\n    const ifRender = props.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        computed(() => props.context || {})\n      )\n      return result.value\n    }\n\n    return ifRender as boolean\n  })\n\n  const reProps = computed(() => {\n    const { col, row, context, component, required, rules, ...formItemOptions } = props\n    const reRules = rules || []\n\n    if (component) {\n      const comp = component.is\n      const compName = (\n        typeof comp === 'string' ? comp : !comp ? '' : 'name' in comp ? comp.name || '' : ''\n      ).toLowerCase()\n      const messagePrefix =\n        compName.search('select') > -1 ||\n        compName.search('checkbox') > -1 ||\n        compName.search('radio') > -1\n          ? '请选择'\n          : compName.search('upload') > -1\n            ? '请上传'\n            : '请输入'\n\n      if (required && !reRules.some((item) => item.required)) {\n        if (required && typeof required === 'string') {\n          reRules.push({ required: true, message: required })\n        } else {\n          reRules.push({ required: true, message: `${messagePrefix}${formItemOptions.label}` })\n        }\n      }\n\n      component.placeholder =\n        component.placeholder ??\n        (compName.search('picker') > -1 || compName.search('upload') > -1\n          ? ''\n          : `${messagePrefix}${formItemOptions.label}`)\n      component.clearable =\n        component.clearable ?? (required ? false : (props.defaultClearable ?? true))\n    }\n\n    return {\n      formItemOptions: {\n        ...formItemOptions,\n        rules: reRules\n      },\n      gridItemOptions: { col, row },\n      configRendererOptions: { context, config: component } as QdConfigRendererProps\n    }\n  })\n</script>\n\n<style lang=\"less\" scoped>\n  .qd-form-item {\n    & > :deep(.t-form__item) {\n      & > .t-form__controls > .t-form__controls-content > * {\n        width: 100%;\n      }\n    }\n\n    &__component {\n      width: 100%;\n    }\n  }\n</style>\n"],"names":["_openBlock","_createBlock","_unref","_mergeProps","_createVNode","TFormItem","_normalizeProps","_guardReactiveProps","_createSlots","_renderSlot","$slots","_withCtx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CE,UAAM,QAAQ;AAGd,UAAM,aAAa,SAAS,MAAM;AAChC,YAAM,WAAW,MAAM;AACvB,UAAI,QAAQ,QAAQ,EAAG,QAAO;AAE9B,UACG,UAAyC,eACzC,UAA6C,kBAC9C;AACA,cAAM,EAAE,WAAW;AAAA,UACjB;AAAA,UACA,SAAS,MAAM,MAAM,WAAW,CAAA,CAAE;AAAA,QAAA;AAEpC,eAAO,OAAO;AAAA,MAChB;AAEA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,EAAE,KAAK,KAAK,SAAS,WAAW,UAAU,OAAO,GAAG,gBAAA,IAAoB;AAC9E,YAAM,UAAU,SAAS,CAAA;AAEzB,UAAI,WAAW;AACb,cAAM,OAAO,UAAU;AACvB,cAAM,YACJ,OAAO,SAAS,WAAW,OAAO,CAAC,OAAO,KAAK,UAAU,OAAO,KAAK,QAAQ,KAAK,IAClF,YAAA;AACF,cAAM,gBACJ,SAAS,OAAO,QAAQ,IAAI,MAC5B,SAAS,OAAO,UAAU,IAAI,MAC9B,SAAS,OAAO,OAAO,IAAI,KACvB,QACA,SAAS,OAAO,QAAQ,IAAI,KAC1B,QACA;AAER,YAAI,YAAY,CAAC,QAAQ,KAAK,CAAC,SAAS,KAAK,QAAQ,GAAG;AACtD,cAAI,YAAY,OAAO,aAAa,UAAU;AAC5C,oBAAQ,KAAK,EAAE,UAAU,MAAM,SAAS,UAAU;AAAA,UACpD,OAAO;AACL,oBAAQ,KAAK,EAAE,UAAU,MAAM,SAAS,GAAG,aAAa,GAAG,gBAAgB,KAAK,GAAA,CAAI;AAAA,UACtF;AAAA,QACF;AAEA,kBAAU,cACR,UAAU,gBACT,SAAS,OAAO,QAAQ,IAAI,MAAM,SAAS,OAAO,QAAQ,IAAI,KAC3D,KACA,GAAG,aAAa,GAAG,gBAAgB,KAAK;AAC9C,kBAAU,YACR,UAAU,cAAc,WAAW,QAAS,MAAM,oBAAoB;AAAA,MAC1E;AAEA,aAAO;AAAA,QACL,iBAAiB;AAAA,UACf,GAAG;AAAA,UACH,OAAO;AAAA,QAAA;AAAA,QAET,iBAAiB,EAAE,KAAK,IAAA;AAAA,QACxB,uBAAuB,EAAE,SAAS,QAAQ,UAAA;AAAA,MAAU;AAAA,IAExD,CAAC;;aA1GO,WAAA,UAAU,SADlBA,UAAA,GAAAC,YAqBeC,mBArBfC,WAqBe;AAAA;QAnBZ,OAAK;AAAA;UAAgC,QAAA,MAAQ,gBAAgB,wBAAwB,QAAA,MAAQ,gBAAgB,IAAI,KAAA;AAAA,QAAA;AAAA,SAI1G,QAAA,MAAQ,eAAe,GAAA;AAAA,yBAE/B,MAYc;AAAA,UAZdC,YAYcF,MAAAG,QAAA,GAAAC,eAAAC,mBAZO,QAAA,MAAQ,eAAe,CAAA,GAAAC,YAAA;AAAA,6BAC1C,MAMO;AAAA,cANPC,WAMO,KAAA,QAAA,WAAA;AAAA,gBANA,UAAW,QAAA,MAAQ,gBAAgB;AAAA,gBAAW,SAAS,QAAA;AAAA,cAAA,GAA9D,MAMO;AAAA,gBAJG,QAAA,MAAQ,sBAAsB,UADtCT,aAAAC,YAIEC,oBAJFC,WAIE;AAAA;kBAFA,OAAM;AAAA,gBAAA,GACE,QAAA,MAAQ,qBAAqB,GAAA,MAAA,EAAA;;;;;uBAIhBD,MAAA,WAAA,EAAYQ,KAAAA,QAAM,CAAA,SAAA,CAAA,GAAA,CAA1B,SAAI;;;gBACnB,IAAAC,QAAA,CADkE,cAAS;AAAA,kBAC3EF,WAAwC,KAAA,QAA3B,MAAIH,eAAAC,mBAAU,SAAS,CAAA,GAAA,QAAA,IAAA;AAAA,gBAAA;;;;;;;;;;"}
+{"version":3,"file":"item.vue2.mjs","sources":["../../../src/components/form/item.vue"],"sourcesContent":["<template>\n  <qd-grid-item\n    v-if=\"reIfRender !== false\"\n    :class=\"[\n      'qd-form-item',\n      reProps.formItemOptions.name ? `qd-form-item__${reProps.formItemOptions.name}` : ''\n    ]\"\n    v-bind=\"reProps.gridItemOptions\"\n  >\n    <t-form-item v-bind=\"reProps.formItemOptions\">\n      <slot :crud-mode=\"reProps.formItemOptions.crudMode\" :context=\"context\">\n        <qd-config-renderer\n          v-if=\"reProps.configRendererOptions.config\"\n          class=\"qd-form-item__component\"\n          v-bind=\"reProps.configRendererOptions\"\n        />\n      </slot>\n\n      <template v-for=\"name in filterSlots($slots, ['default'])\" #[name]=\"slotProps\">\n        <slot :name=\"name\" v-bind=\"slotProps\" />\n      </template>\n    </t-form-item>\n  </qd-grid-item>\n</template>\n\n<script setup lang=\"ts\">\n  import type { QdFormItemProps } from './types'\n  import type {\n    QdConfigRendererProps,\n    QdComputeFunction,\n    QdAsyncComputeOptions\n  } from '../config-renderer'\n  import { computed } from 'vue'\n  import { FormItem as TFormItem } from 'tdesign-vue-next'\n  import { QdGridItem } from '../grid'\n  import { QdConfigRenderer } from '../config-renderer'\n  import { qdFormItemProps } from './props'\n  import { qdUseComputeValue } from '../config-renderer/compute'\n  import { filterSlots, isEmpty } from 'qidian-shared'\n\n  defineOptions({\n    name: 'QdFormItem'\n  })\n\n  const props = withDefaults(defineProps<QdFormItemProps>(), qdFormItemProps)\n\n  // 处理 ifRender\n  const reIfRender = computed(() => {\n    const ifRender = props.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        computed(() => props.context || {}),\n        props.crudMode\n      )\n      return result.value\n    }\n\n    return ifRender as boolean\n  })\n\n  const reProps = computed(() => {\n    const { col, row, context, component, required, rules, ...formItemOptions } = props\n    const reRules = rules || []\n\n    if (component) {\n      const comp = component.is\n      const compName = (\n        typeof comp === 'string' ? comp : !comp ? '' : 'name' in comp ? comp.name || '' : ''\n      ).toLowerCase()\n      const messagePrefix =\n        compName.search('select') > -1 ||\n        compName.search('checkbox') > -1 ||\n        compName.search('radio') > -1\n          ? '请选择'\n          : compName.search('upload') > -1\n            ? '请上传'\n            : '请输入'\n\n      if (required && !reRules.some((item) => item.required)) {\n        if (required && typeof required === 'string') {\n          reRules.push({ required: true, message: required })\n        } else {\n          reRules.push({ required: true, message: `${messagePrefix}${formItemOptions.label}` })\n        }\n      }\n\n      component.placeholder =\n        component.placeholder ??\n        (compName.search('picker') > -1 || compName.search('upload') > -1\n          ? ''\n          : `${messagePrefix}${formItemOptions.label}`)\n      component.clearable =\n        component.clearable ?? (required ? false : (props.defaultClearable ?? true))\n    }\n\n    return {\n      formItemOptions: {\n        ...formItemOptions,\n        rules: reRules\n      },\n      gridItemOptions: { col, row },\n      configRendererOptions: {\n        crudMode: formItemOptions.crudMode,\n        context,\n        config: component\n      } as QdConfigRendererProps\n    }\n  })\n</script>\n\n<style lang=\"less\" scoped>\n  .qd-form-item {\n    & > :deep(.t-form__item) {\n      & > .t-form__controls > .t-form__controls-content > * {\n        width: 100%;\n      }\n    }\n\n    &__component {\n      width: 100%;\n    }\n  }\n</style>\n"],"names":["_openBlock","_createBlock","_unref","_mergeProps","_createVNode","TFormItem","_normalizeProps","_guardReactiveProps","_createSlots","_renderSlot","$slots","_withCtx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CE,UAAM,QAAQ;AAGd,UAAM,aAAa,SAAS,MAAM;AAChC,YAAM,WAAW,MAAM;AACvB,UAAI,QAAQ,QAAQ,EAAG,QAAO;AAE9B,UACG,UAAyC,eACzC,UAA6C,kBAC9C;AACA,cAAM,EAAE,WAAW;AAAA,UACjB;AAAA,UACA,SAAS,MAAM,MAAM,WAAW,EAAE;AAAA,UAClC,MAAM;AAAA,QAAA;AAER,eAAO,OAAO;AAAA,MAChB;AAEA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,EAAE,KAAK,KAAK,SAAS,WAAW,UAAU,OAAO,GAAG,gBAAA,IAAoB;AAC9E,YAAM,UAAU,SAAS,CAAA;AAEzB,UAAI,WAAW;AACb,cAAM,OAAO,UAAU;AACvB,cAAM,YACJ,OAAO,SAAS,WAAW,OAAO,CAAC,OAAO,KAAK,UAAU,OAAO,KAAK,QAAQ,KAAK,IAClF,YAAA;AACF,cAAM,gBACJ,SAAS,OAAO,QAAQ,IAAI,MAC5B,SAAS,OAAO,UAAU,IAAI,MAC9B,SAAS,OAAO,OAAO,IAAI,KACvB,QACA,SAAS,OAAO,QAAQ,IAAI,KAC1B,QACA;AAER,YAAI,YAAY,CAAC,QAAQ,KAAK,CAAC,SAAS,KAAK,QAAQ,GAAG;AACtD,cAAI,YAAY,OAAO,aAAa,UAAU;AAC5C,oBAAQ,KAAK,EAAE,UAAU,MAAM,SAAS,UAAU;AAAA,UACpD,OAAO;AACL,oBAAQ,KAAK,EAAE,UAAU,MAAM,SAAS,GAAG,aAAa,GAAG,gBAAgB,KAAK,GAAA,CAAI;AAAA,UACtF;AAAA,QACF;AAEA,kBAAU,cACR,UAAU,gBACT,SAAS,OAAO,QAAQ,IAAI,MAAM,SAAS,OAAO,QAAQ,IAAI,KAC3D,KACA,GAAG,aAAa,GAAG,gBAAgB,KAAK;AAC9C,kBAAU,YACR,UAAU,cAAc,WAAW,QAAS,MAAM,oBAAoB;AAAA,MAC1E;AAEA,aAAO;AAAA,QACL,iBAAiB;AAAA,UACf,GAAG;AAAA,UACH,OAAO;AAAA,QAAA;AAAA,QAET,iBAAiB,EAAE,KAAK,IAAA;AAAA,QACxB,uBAAuB;AAAA,UACrB,UAAU,gBAAgB;AAAA,UAC1B;AAAA,UACA,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,IAEJ,CAAC;;aA/GO,WAAA,UAAU,SADlBA,UAAA,GAAAC,YAqBeC,mBArBfC,WAqBe;AAAA;QAnBZ,OAAK;AAAA;UAAgC,QAAA,MAAQ,gBAAgB,wBAAwB,QAAA,MAAQ,gBAAgB,IAAI,KAAA;AAAA,QAAA;AAAA,SAI1G,QAAA,MAAQ,eAAe,GAAA;AAAA,yBAE/B,MAYc;AAAA,UAZdC,YAYcF,MAAAG,QAAA,GAAAC,eAAAC,mBAZO,QAAA,MAAQ,eAAe,CAAA,GAAAC,YAAA;AAAA,6BAC1C,MAMO;AAAA,cANPC,WAMO,KAAA,QAAA,WAAA;AAAA,gBANA,UAAW,QAAA,MAAQ,gBAAgB;AAAA,gBAAW,SAAS,QAAA;AAAA,cAAA,GAA9D,MAMO;AAAA,gBAJG,QAAA,MAAQ,sBAAsB,UADtCT,aAAAC,YAIEC,oBAJFC,WAIE;AAAA;kBAFA,OAAM;AAAA,gBAAA,GACE,QAAA,MAAQ,qBAAqB,GAAA,MAAA,EAAA;;;;;uBAIhBD,MAAA,WAAA,EAAYQ,KAAAA,QAAM,CAAA,SAAA,CAAA,GAAA,CAA1B,SAAI;;;gBACnB,IAAAC,QAAA,CADkE,cAAS;AAAA,kBAC3EF,WAAwC,KAAA,QAA3B,MAAIH,eAAAC,mBAAU,SAAS,CAAA,GAAA,QAAA,IAAA;AAAA,gBAAA;;;;;;;;;;"}

package/dist/components/service-select/index.css

@@ -1,4 +1,4 @@
-.qd-service-select__load[data-v-52c45650] {
+.qd-service-select__load[data-v-77db0747] {
   width: 100%;
   border-top: 1px solid var(--td-component-stroke);
   padding: 6px;

package/dist/components/service-select/index.vue.mjs

@@ -2,7 +2,7 @@ import './index.css'
 import _sfc_main from "./index.vue2.mjs";
 /* empty css            */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const QdServiceSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-52c45650"]]);
+const QdServiceSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-77db0747"]]);
 export {
   QdServiceSelect as default
 };

package/dist/components/service-select/index.vue2.mjs

@@ -2,7 +2,7 @@ import './index.css'
 import { defineComponent, mergeDefaults, computed, ref, watch, onMounted, onActivated, onDeactivated, createBlock, openBlock, unref, mergeProps, isRef, createSlots, withCtx, renderSlot, createCommentVNode, renderList, normalizeProps, guardReactiveProps } from "vue";
 import { Select, Loading } from "tdesign-vue-next";
 import { useVModels } from "../../node_modules/.pnpm/@vueuse_core@14.0.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.mjs";
-import { isEmpty, useServiceLoadMore, toArr, extractSlotsWithoutPrefix } from "qidian-shared";
+import { isEmpty, useServiceLoadMore, toArr, extractSlotsWithoutPrefix, checkSameObject } from "qidian-shared";
 import { qdServiceSelectKeys, qdServiceSelectProps } from "./props.mjs";
 import { useConfig } from "../config-provider/useConfig.mjs";
 import { qdDictConvStrSeparator } from "../dict/tag/props.mjs";
@@ -195,7 +195,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const reOnPopupVisibleChange = (visible, context) => {
         onPopupVisibleChange?.(visible, context);
         if (loading.value) return;
-        if (visible && !options.value?.length) {
+        const { fillOptions: fillOptions2 } = reProps.value;
+        if (visible && (!options.value?.length || triggerServiceMerged && checkSameObject(options.value, fillOptions2))) {
           search.value = "";
           refresh();
         }

package/dist/components/service-select/index.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.mjs","sources":["../../../src/components/service-select/index.vue"],"sourcesContent":["<template>\n  <t-select\n    class=\"qd-service-select\"\n    v-model=\"reModelValue\"\n    v-model:input=\"inputValue\"\n    v-model:popup-visible=\"popupVisible\"\n    :autofocus=\"autofocus\"\n    :loading=\"selectLoad\"\n    v-bind=\"{\n      ...reProps.selectOptions,\n      ...($slots.default ? {} : { options })\n    }\"\n  >\n    <template #panel-bottom-content>\n      <t-loading\n        v-if=\"loading && !firstLoad\"\n        class=\"qd-service-select__load\"\n        size=\"small\"\n        :text=\"t('text')\"\n      />\n\n      <slot v-else-if=\"$slots['panel-bottom-content']\" name=\"panel-bottom-content\" />\n    </template>\n\n    <template #default>\n      <slot :options=\"options as D[]\" />\n    </template>\n\n    <template\n      v-for=\"(_, name) in extractSlotsWithoutPrefix($slots, 'panel-bottom')\"\n      #[name]=\"slotProps\"\n    >\n      <slot :name=\"name\" v-bind=\"slotProps\" />\n    </template>\n  </t-select>\n</template>\n\n<script\n  setup\n  lang=\"ts\"\n  generic=\"\n    D extends SelectOption = SelectOption,\n    R = unknown,\n    P = ServicePageParams,\n    TP = P,\n    Pag extends ServicePagination = ServicePagination,\n    SK extends string | string[] = string | string[]\n  \"\n>\n  import type { SelectOption, TdSelectProps } from 'tdesign-vue-next'\n  import type { ServiceMaybePageParams, ServicePageParams, ServicePagination } from 'qidian-shared'\n  import type { QdServiceSelectInstanceFunctions, QdServiceSelectProps } from './types'\n  import type { WatchHandle } from 'vue'\n  import { computed, onActivated, onDeactivated, onMounted, ref, watch } from 'vue'\n  import { Select as TSelect, Loading as TLoading } from 'tdesign-vue-next'\n  import { useVModels } from '@vueuse/core'\n  import { useServiceLoadMore, toArr, extractSlotsWithoutPrefix, isEmpty } from 'qidian-shared'\n  import { qdServiceSelectKeys, qdServiceSelectProps } from './props'\n  import { useConfig } from '../config-provider/useConfig'\n  import { qdDictConvStrSeparator } from '../dict/tag/props'\n\n  defineOptions({\n    name: 'QdServiceSelect'\n  })\n\n  type Props = QdServiceSelectProps<D, R, P, TP, Pag, SK>\n\n  const props = withDefaults(defineProps<Props>(), qdServiceSelectProps)\n  const emit = defineEmits<{\n    'update:modelValue': [Props['modelValue']]\n    'update:valueLabel': [Props['valueLabel']]\n    'update:inputValue': [Props['inputValue']]\n    'update:popupVisible': [Props['popupVisible']]\n    'update:options': [Props['options']]\n  }>()\n  const { modelValue, valueLabel, inputValue, popupVisible, options } = useVModels(props, emit, {\n    passive: true\n  })\n\n  const reModelValue = computed({\n    get: () => {\n      const { convStr, selectOptions } = reProps.value\n      const { multiple, valueType } = selectOptions\n      if (!multiple || valueType === 'object') return modelValue.value\n\n      if (isEmpty(modelValue.value)) return []\n      if (typeof modelValue.value === 'string') {\n        return modelValue.value.split(\n          (typeof convStr === 'string' ? convStr : '') || qdDictConvStrSeparator\n        )\n      }\n      return modelValue.value\n    },\n    set: (val) => {\n      const { convStr, selectOptions } = reProps.value\n      const { multiple, valueType } = selectOptions\n      if (!multiple || valueType === 'object') {\n        modelValue.value = val\n        return\n      }\n\n      if (convStr && Array.isArray(val)) {\n        modelValue.value = val.join(\n          (typeof convStr === 'string' ? convStr : '') || qdDictConvStrSeparator\n        )\n      } else {\n        modelValue.value = val\n      }\n    }\n  })\n\n  const reValueLabel = computed({\n    get: () => {\n      const { convStr, selectOptions } = reProps.value\n      const { multiple, valueType } = selectOptions\n      if (!multiple || valueType === 'object') return valueLabel.value\n\n      if (isEmpty(valueLabel.value)) return []\n      if (typeof valueLabel.value === 'string') {\n        return valueLabel.value.split(\n          (typeof convStr === 'string' ? convStr : '') || qdDictConvStrSeparator\n        )\n      }\n      return valueLabel.value\n    },\n    set: (val) => {\n      const { convStr, selectOptions } = reProps.value\n      const { multiple, valueType } = selectOptions\n      if (!multiple || valueType === 'object') {\n        valueLabel.value = val\n        return\n      }\n\n      if (convStr && Array.isArray(val)) {\n        valueLabel.value = val.join(\n          (typeof convStr === 'string' ? convStr : '') || qdDictConvStrSeparator\n        )\n      } else {\n        valueLabel.value = val\n      }\n    }\n  })\n\n  const { t } = useConfig('loading')\n\n  const search = ref('')\n  const autofocus = ref(false)\n\n  const reProps = computed(() => {\n    const {\n      service,\n      manual,\n      transformParams,\n      transformRes,\n      pagination,\n      onBefore,\n      onAfter,\n      onSuccess,\n      onError,\n\n      convStr,\n      searchKey,\n      loading: externalLoad,\n      defaultSelectFirst,\n      fillOptions,\n\n      modelValue,\n      inputValue,\n      popupVisible: inPopupVisible,\n      options: inOptions,\n      valueLabel,\n\n      popupProps,\n      filterable,\n      filter,\n      autofocus,\n      onSearch,\n      onPopupVisibleChange,\n      onFocus,\n      onChange,\n      ...selectOptions\n    } = props\n\n    const rePopupProps = popupProps || {}\n    rePopupProps.onScrollToBottom = (context: { e: WheelEvent }) => {\n      popupProps?.onScrollToBottom?.(context)\n      if (loading.value || noMore.value) return\n      loadMore()\n    }\n\n    const reOnSearch: typeof onSearch = (\n      filterWords: string,\n      context: {\n        e: KeyboardEvent\n      }\n    ) => {\n      onSearch?.(filterWords, context)\n      search.value = filterWords.trim()\n      refresh()\n    }\n\n    const reOnPopupVisibleChange: typeof onPopupVisibleChange = (visible, context) => {\n      onPopupVisibleChange?.(visible, context)\n\n      if (loading.value) return\n      if (visible && !options.value?.length) {\n        search.value = ''\n        refresh()\n      }\n    }\n\n    const reOnFocus: typeof onFocus = (context) => {\n      onFocus?.(context)\n\n      if (autofocus && !popupVisible.value) {\n        popupVisible.value = true\n      }\n    }\n\n    const reOnChange = (value: any, context: any) => {\n      onChange?.(value, context)\n\n      // 更新 valueLabel\n      const { selectOptions } = reProps.value\n      const { multiple, keys } = selectOptions\n      const labelKey = keys?.label || qdServiceSelectKeys.label\n\n      if (multiple) {\n        const selectedLabels =\n          context.selectedOptions\n            ?.map((option: D) => option[labelKey as keyof D] as string)\n            .filter(Boolean) || []\n        reValueLabel.value = selectedLabels\n      } else {\n        reValueLabel.value = (context.option?.[labelKey as keyof D] as string) || ''\n      }\n    }\n\n    const reSearchKey = toArr(searchKey)\n    const mergedTransformParams = (params: ServiceMaybePageParams<Pag>) => {\n      const searchData: Record<string, string> = {}\n      reSearchKey.forEach((key) => {\n        searchData[key] = search.value\n      })\n\n      const merged = !params && !reSearchKey.length ? params : { ...params, ...searchData }\n      if (transformParams)\n        return transformParams(merged as unknown as Parameters<typeof transformParams>[0])\n      return merged as TP\n    }\n\n    const reFilterable = filterable ?? !!reSearchKey.length\n    const reFilter = reFilterable ? handleFilter : filter\n\n    return {\n      autofocus,\n      externalLoad,\n      defaultSelectFirst,\n      fillOptions,\n      convStr,\n      selectOptions: {\n        ...selectOptions,\n        filterable: reFilterable,\n        filter: reFilter,\n        popupProps: rePopupProps,\n        onSearch: reOnSearch,\n        onPopupVisibleChange: reOnPopupVisibleChange,\n        onFocus: reOnFocus,\n        onChange: reOnChange\n      } as unknown as TdSelectProps<SelectOption>,\n      serviceOptions: {\n        service,\n        manual,\n        transformParams: mergedTransformParams,\n        transformRes,\n        pagination,\n        onBefore,\n        onAfter,\n        onSuccess,\n        onError\n      },\n      models: {\n        modelValue,\n        valueLabel,\n        inputValue,\n        popupVisible: inPopupVisible,\n        options: inOptions\n      }\n    }\n  })\n\n  let hasAutoSelected = false // 记录是否已经自动选择过\n  let fillOptionsWatchStop: WatchHandle | undefined // 处理 fillOptions 合并逻辑\n  let triggerServiceMerged = false // 记录是否已经触发过请求后合并\n\n  const {\n    data,\n    firstLoad,\n    manualTriggerLoad,\n    loading,\n    loadingMore,\n    noMore,\n    error,\n    refresh,\n    refreshAsync,\n    cancel,\n    loadMore,\n    loadMoreAsync,\n    mutate\n  } = useServiceLoadMore({\n    ...reProps.value.serviceOptions,\n    onBefore: () => {\n      // 请求开始时销毁 fillOptions 的 watch\n      fillOptionsWatchStop?.()\n      reProps.value.serviceOptions.onBefore?.()\n    },\n    onSuccess: (res) => {\n      reProps.value.serviceOptions.onSuccess?.(res)\n\n      const list = (data.value?.list || []) as D[]\n      if (!triggerServiceMerged && reProps.value.fillOptions?.length) {\n        const map = new Map<typeof reModelValue.value, D>()\n        ;[...reProps.value.fillOptions, ...list].forEach((item) => {\n          const k =\n            item[\n              (reProps.value.selectOptions.keys?.value ||\n                qdServiceSelectKeys.value) as keyof typeof item\n            ]\n          map.set(k, item as D)\n        })\n        options.value = Array.from(map.values())\n      } else {\n        options.value = list\n      }\n      triggerServiceMerged = true\n\n      // 当 defaultSelectFirst 为 true 且 modelValue 为空且未自动选择过时，默认选中第一个\n      if (\n        !hasAutoSelected &&\n        reProps.value.defaultSelectFirst &&\n        isEmpty(reModelValue.value) &&\n        res.list.length\n      ) {\n        const firstOption = res.list[0]\n        reModelValue.value =\n          firstOption[\n            (reProps.value.selectOptions.keys?.value ||\n              qdServiceSelectKeys.value) as keyof typeof firstOption\n          ]\n        hasAutoSelected = true\n      }\n    }\n  })\n\n  const selectLoad = computed(() => reProps.value.externalLoad || firstLoad.value)\n\n  function handleFilter(filterWords: string, option: SelectOption) {\n    if (!filterWords) return true\n\n    if ('value' in option) {\n      if (reProps.value.selectOptions.multiple) {\n        if (reModelValue.value.includes(option.value)) return true\n      } else if (reModelValue.value === option.value) {\n        return true\n      }\n    }\n\n    if (!option.label) return false\n\n    const value = filterWords.trim().toLowerCase()\n    return option.label.toLowerCase().includes(value)\n  }\n\n  const expose = {\n    firstLoad,\n    manualTriggerLoad,\n    loading,\n    loadingMore,\n    noMore,\n    error,\n    refresh,\n    refreshAsync,\n    cancel,\n    loadMore,\n    loadMoreAsync,\n    mutate\n  } as QdServiceSelectInstanceFunctions<D, R, P, TP, Pag>\n\n  // manual 为 true 时，watch fillOptions 对 options.value 进行赋值\n  if (reProps.value.serviceOptions.manual) {\n    fillOptionsWatchStop = watch(\n      () => reProps.value.fillOptions,\n      (fillOpts) => {\n        if (!fillOpts?.length) return\n\n        options.value = fillOpts\n        triggerServiceMerged = true\n      },\n      { immediate: true, deep: true }\n    )\n  }\n\n  onMounted(() => {\n    autofocus.value = reProps.value.autofocus\n  })\n\n  onActivated(() => {\n    autofocus.value = reProps.value.autofocus\n  })\n\n  onDeactivated(() => {\n    autofocus.value = false\n  })\n\n  defineExpose(expose)\n</script>\n\n<style lang=\"less\" scoped>\n  .qd-service-select {\n    &__load {\n      width: 100%;\n      border-top: 1px solid var(--td-component-stroke);\n      padding: 6px;\n      color: var(--td-text-color-disabled);\n    }\n  }\n</style>\n"],"names":["modelValue","inputValue","valueLabel","autofocus","selectOptions","_openBlock","_createBlock","_unref","_mergeProps","$slots","TLoading","_renderSlot","_renderList","_withCtx","_normalizeProps","_guardReactiveProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEE,UAAM,QAAQ;AACd,UAAM,OAAO;AAOb,UAAM,EAAE,YAAY,YAAY,YAAY,cAAc,YAAY,WAAW,OAAO,MAAM;AAAA,MAC5F,SAAS;AAAA,IAAA,CACV;AAED,UAAM,eAAe,SAAS;AAAA,MAC5B,KAAK,MAAM;AACT,cAAM,EAAE,SAAS,cAAA,IAAkB,QAAQ;AAC3C,cAAM,EAAE,UAAU,UAAA,IAAc;AAChC,YAAI,CAAC,YAAY,cAAc,iBAAiB,WAAW;AAE3D,YAAI,QAAQ,WAAW,KAAK,UAAU,CAAA;AACtC,YAAI,OAAO,WAAW,UAAU,UAAU;AACxC,iBAAO,WAAW,MAAM;AAAA,aACrB,OAAO,YAAY,WAAW,UAAU,OAAO;AAAA,UAAA;AAAA,QAEpD;AACA,eAAO,WAAW;AAAA,MACpB;AAAA,MACA,KAAK,CAAC,QAAQ;AACZ,cAAM,EAAE,SAAS,cAAA,IAAkB,QAAQ;AAC3C,cAAM,EAAE,UAAU,UAAA,IAAc;AAChC,YAAI,CAAC,YAAY,cAAc,UAAU;AACvC,qBAAW,QAAQ;AACnB;AAAA,QACF;AAEA,YAAI,WAAW,MAAM,QAAQ,GAAG,GAAG;AACjC,qBAAW,QAAQ,IAAI;AAAA,aACpB,OAAO,YAAY,WAAW,UAAU,OAAO;AAAA,UAAA;AAAA,QAEpD,OAAO;AACL,qBAAW,QAAQ;AAAA,QACrB;AAAA,MACF;AAAA,IAAA,CACD;AAED,UAAM,eAAe,SAAS;AAAA,MAC5B,KAAK,MAAM;AACT,cAAM,EAAE,SAAS,cAAA,IAAkB,QAAQ;AAC3C,cAAM,EAAE,UAAU,UAAA,IAAc;AAChC,YAAI,CAAC,YAAY,cAAc,iBAAiB,WAAW;AAE3D,YAAI,QAAQ,WAAW,KAAK,UAAU,CAAA;AACtC,YAAI,OAAO,WAAW,UAAU,UAAU;AACxC,iBAAO,WAAW,MAAM;AAAA,aACrB,OAAO,YAAY,WAAW,UAAU,OAAO;AAAA,UAAA;AAAA,QAEpD;AACA,eAAO,WAAW;AAAA,MACpB;AAAA,MACA,KAAK,CAAC,QAAQ;AACZ,cAAM,EAAE,SAAS,cAAA,IAAkB,QAAQ;AAC3C,cAAM,EAAE,UAAU,UAAA,IAAc;AAChC,YAAI,CAAC,YAAY,cAAc,UAAU;AACvC,qBAAW,QAAQ;AACnB;AAAA,QACF;AAEA,YAAI,WAAW,MAAM,QAAQ,GAAG,GAAG;AACjC,qBAAW,QAAQ,IAAI;AAAA,aACpB,OAAO,YAAY,WAAW,UAAU,OAAO;AAAA,UAAA;AAAA,QAEpD,OAAO;AACL,qBAAW,QAAQ;AAAA,QACrB;AAAA,MACF;AAAA,IAAA,CACD;AAED,UAAM,EAAE,EAAA,IAAM,UAAU,SAAS;AAEjC,UAAM,SAAS,IAAI,EAAE;AACrB,UAAM,YAAY,IAAI,KAAK;AAE3B,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QAEA,YAAAA;AAAAA,QACA,YAAAC;AAAAA,QACA,cAAc;AAAA,QACd,SAAS;AAAA,QACT,YAAAC;AAAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAAC;AAAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,GAAG;AAAA,MAAA,IACD;AAEJ,YAAM,eAAe,cAAc,CAAA;AACnC,mBAAa,mBAAmB,CAAC,YAA+B;AAC9D,oBAAY,mBAAmB,OAAO;AACtC,YAAI,QAAQ,SAAS,OAAO,MAAO;AACnC,iBAAA;AAAA,MACF;AAEA,YAAM,aAA8B,CAClC,aACA,YAGG;AACH,mBAAW,aAAa,OAAO;AAC/B,eAAO,QAAQ,YAAY,KAAA;AAC3B,gBAAA;AAAA,MACF;AAEA,YAAM,yBAAsD,CAAC,SAAS,YAAY;AAChF,+BAAuB,SAAS,OAAO;AAEvC,YAAI,QAAQ,MAAO;AACnB,YAAI,WAAW,CAAC,QAAQ,OAAO,QAAQ;AACrC,iBAAO,QAAQ;AACf,kBAAA;AAAA,QACF;AAAA,MACF;AAEA,YAAM,YAA4B,CAAC,YAAY;AAC7C,kBAAU,OAAO;AAEjB,YAAIA,cAAa,CAAC,aAAa,OAAO;AACpC,uBAAa,QAAQ;AAAA,QACvB;AAAA,MACF;AAEA,YAAM,aAAa,CAAC,OAAY,YAAiB;AAC/C,mBAAW,OAAO,OAAO;AAGzB,cAAM,EAAE,eAAAC,eAAAA,IAAkB,QAAQ;AAClC,cAAM,EAAE,UAAU,KAAA,IAASA;AAC3B,cAAM,WAAW,MAAM,SAAS,oBAAoB;AAEpD,YAAI,UAAU;AACZ,gBAAM,iBACJ,QAAQ,iBACJ,IAAI,CAAC,WAAc,OAAO,QAAmB,CAAW,EACzD,OAAO,OAAO,KAAK,CAAA;AACxB,uBAAa,QAAQ;AAAA,QACvB,OAAO;AACL,uBAAa,QAAS,QAAQ,SAAS,QAAmB,KAAgB;AAAA,QAC5E;AAAA,MACF;AAEA,YAAM,cAAc,MAAM,SAAS;AACnC,YAAM,wBAAwB,CAAC,WAAwC;AACrE,cAAM,aAAqC,CAAA;AAC3C,oBAAY,QAAQ,CAAC,QAAQ;AAC3B,qBAAW,GAAG,IAAI,OAAO;AAAA,QAC3B,CAAC;AAED,cAAM,SAAS,CAAC,UAAU,CAAC,YAAY,SAAS,SAAS,EAAE,GAAG,QAAQ,GAAG,WAAA;AACzE,YAAI;AACF,iBAAO,gBAAgB,MAA0D;AACnF,eAAO;AAAA,MACT;AAEA,YAAM,eAAe,cAAc,CAAC,CAAC,YAAY;AACjD,YAAM,WAAW,eAAe,eAAe;AAE/C,aAAO;AAAA,QACL,WAAAD;AAAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAe;AAAA,UACb,GAAG;AAAA,UACH,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,UAAU;AAAA,UACV,sBAAsB;AAAA,UACtB,SAAS;AAAA,UACT,UAAU;AAAA,QAAA;AAAA,QAEZ,gBAAgB;AAAA,UACd;AAAA,UACA;AAAA,UACA,iBAAiB;AAAA,UACjB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,QAEF,QAAQ;AAAA,UACN,YAAAH;AAAAA,UACA,YAAAE;AAAAA,UACA,YAAAD;AAAAA,UACA,cAAc;AAAA,UACd,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IAEJ,CAAC;AAED,QAAI,kBAAkB;AACtB,QAAI;AACJ,QAAI,uBAAuB;AAE3B,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACE,mBAAmB;AAAA,MACrB,GAAG,QAAQ,MAAM;AAAA,MACjB,UAAU,MAAM;AAEd,+BAAA;AACA,gBAAQ,MAAM,eAAe,WAAA;AAAA,MAC/B;AAAA,MACA,WAAW,CAAC,QAAQ;AAClB,gBAAQ,MAAM,eAAe,YAAY,GAAG;AAE5C,cAAM,OAAQ,KAAK,OAAO,QAAQ,CAAA;AAClC,YAAI,CAAC,wBAAwB,QAAQ,MAAM,aAAa,QAAQ;AAC9D,gBAAM,0BAAU,IAAA;AACf,WAAC,GAAG,QAAQ,MAAM,aAAa,GAAG,IAAI,EAAE,QAAQ,CAAC,SAAS;AACzD,kBAAM,IACJ,KACG,QAAQ,MAAM,cAAc,MAAM,SACjC,oBAAoB,KACxB;AACF,gBAAI,IAAI,GAAG,IAAS;AAAA,UACtB,CAAC;AACD,kBAAQ,QAAQ,MAAM,KAAK,IAAI,QAAQ;AAAA,QACzC,OAAO;AACL,kBAAQ,QAAQ;AAAA,QAClB;AACA,+BAAuB;AAGvB,YACE,CAAC,mBACD,QAAQ,MAAM,sBACd,QAAQ,aAAa,KAAK,KAC1B,IAAI,KAAK,QACT;AACA,gBAAM,cAAc,IAAI,KAAK,CAAC;AAC9B,uBAAa,QACX,YACG,QAAQ,MAAM,cAAc,MAAM,SACjC,oBAAoB,KACxB;AACF,4BAAkB;AAAA,QACpB;AAAA,MACF;AAAA,IAAA,CACD;AAED,UAAM,aAAa,SAAS,MAAM,QAAQ,MAAM,gBAAgB,UAAU,KAAK;AAE/E,aAAS,aAAa,aAAqB,QAAsB;AAC/D,UAAI,CAAC,YAAa,QAAO;AAEzB,UAAI,WAAW,QAAQ;AACrB,YAAI,QAAQ,MAAM,cAAc,UAAU;AACxC,cAAI,aAAa,MAAM,SAAS,OAAO,KAAK,EAAG,QAAO;AAAA,QACxD,WAAW,aAAa,UAAU,OAAO,OAAO;AAC9C,iBAAO;AAAA,QACT;AAAA,MACF;AAEA,UAAI,CAAC,OAAO,MAAO,QAAO;AAE1B,YAAM,QAAQ,YAAY,KAAA,EAAO,YAAA;AACjC,aAAO,OAAO,MAAM,YAAA,EAAc,SAAS,KAAK;AAAA,IAClD;AAEA,UAAM,SAAS;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAIF,QAAI,QAAQ,MAAM,eAAe,QAAQ;AACvC,6BAAuB;AAAA,QACrB,MAAM,QAAQ,MAAM;AAAA,QACpB,CAAC,aAAa;AACZ,cAAI,CAAC,UAAU,OAAQ;AAEvB,kBAAQ,QAAQ;AAChB,iCAAuB;AAAA,QACzB;AAAA,QACA,EAAE,WAAW,MAAM,MAAM,KAAA;AAAA,MAAK;AAAA,IAElC;AAEA,cAAU,MAAM;AACd,gBAAU,QAAQ,QAAQ,MAAM;AAAA,IAClC,CAAC;AAED,gBAAY,MAAM;AAChB,gBAAU,QAAQ,QAAQ,MAAM;AAAA,IAClC,CAAC;AAED,kBAAc,MAAM;AAClB,gBAAU,QAAQ;AAAA,IACpB,CAAC;AAED,aAAa,MAAM;;AA7ZnB,aAAAI,aAAAC,YAiCWC,eAjCXC,WAiCW;AAAA,QAhCT,OAAM;AAAA,oBACG,aAAA;AAAA,qEAAA,aAAY,QAAA;AAAA,QACb,OAAOD,MAAA,UAAA;AAAA,oFAAA,WAAU,QAAA,SAAA;AAAA,QACjB,iBAAeA,MAAA,YAAA;AAAA,6FAAA,aAAY,QAAA,SAAA;AAAA,QAClC,WAAW,UAAA;AAAA,QACX,SAAS,WAAA;AAAA,MAAA;QACS,GAAA,QAAA,MAAQ;AAAA,WAAyBE,KAAAA,OAAO,UAAO,CAAA,IAAA,EAAA,SAAUF,MAAA,OAAA,EAAA;AAAA,MAAO;QAKxE,gCACT,MAKE;AAAA,UAJMA,MAAA,OAAA,MAAYA,MAAA,SAAA,kBADpBD,YAKEC,MAAAG,OAAA,GAAA;AAAA;YAHA,OAAM;AAAA,YACN,MAAK;AAAA,YACJ,MAAMH,MAAA,CAAA,EAAC,MAAA;AAAA,UAAA,yBAGOE,KAAAA,OAAM,sBAAA,IAAvBE,WAA+E,KAAA,QAAA,wBAAA,EAAA,KAAA,EAAA,GAAA,QAAA,IAAA;;QAGtE,iBACT,MAAkC;AAAA,UAAlCA,WAAkC,KAAA,QAAA,WAAA;AAAA,YAA3B,SAASJ,MAAA,OAAA;AAAA,UAAA;;;;QAIIK,WAAAL,MAAA,yBAAA,EAA0BE,KAAAA,QAAM,cAAA,GAAA,CAA5C,GAAG,SAAI;;;YAGf,IAAAI,QAAA,CAFS,cAAS;AAAA,cAElBF,WAAwC,KAAA,QAA3B,MAAIG,eAAAC,mBAAU,SAAS,CAAA,GAAA,QAAA,IAAA;AAAA,YAAA;;;;;;;"}
+{"version":3,"file":"index.vue2.mjs","sources":["../../../src/components/service-select/index.vue"],"sourcesContent":["<template>\n  <t-select\n    class=\"qd-service-select\"\n    v-model=\"reModelValue\"\n    v-model:input=\"inputValue\"\n    v-model:popup-visible=\"popupVisible\"\n    :autofocus=\"autofocus\"\n    :loading=\"selectLoad\"\n    v-bind=\"{\n      ...reProps.selectOptions,\n      ...($slots.default ? {} : { options })\n    }\"\n  >\n    <template #panel-bottom-content>\n      <t-loading\n        v-if=\"loading && !firstLoad\"\n        class=\"qd-service-select__load\"\n        size=\"small\"\n        :text=\"t('text')\"\n      />\n\n      <slot v-else-if=\"$slots['panel-bottom-content']\" name=\"panel-bottom-content\" />\n    </template>\n\n    <template #default>\n      <slot :options=\"options as D[]\" />\n    </template>\n\n    <template\n      v-for=\"(_, name) in extractSlotsWithoutPrefix($slots, 'panel-bottom')\"\n      #[name]=\"slotProps\"\n    >\n      <slot :name=\"name\" v-bind=\"slotProps\" />\n    </template>\n  </t-select>\n</template>\n\n<script\n  setup\n  lang=\"ts\"\n  generic=\"\n    D extends SelectOption = SelectOption,\n    R = unknown,\n    P = ServicePageParams,\n    TP = P,\n    Pag extends ServicePagination = ServicePagination,\n    SK extends string | string[] = string | string[]\n  \"\n>\n  import type { SelectOption, TdSelectProps } from 'tdesign-vue-next'\n  import type { ServiceMaybePageParams, ServicePageParams, ServicePagination } from 'qidian-shared'\n  import type { QdServiceSelectInstanceFunctions, QdServiceSelectProps } from './types'\n  import type { WatchHandle } from 'vue'\n  import { computed, onActivated, onDeactivated, onMounted, ref, watch } from 'vue'\n  import { Select as TSelect, Loading as TLoading } from 'tdesign-vue-next'\n  import { useVModels } from '@vueuse/core'\n  import {\n    useServiceLoadMore,\n    toArr,\n    extractSlotsWithoutPrefix,\n    isEmpty,\n    checkSameObject\n  } from 'qidian-shared'\n  import { qdServiceSelectKeys, qdServiceSelectProps } from './props'\n  import { useConfig } from '../config-provider/useConfig'\n  import { qdDictConvStrSeparator } from '../dict/tag/props'\n\n  defineOptions({\n    name: 'QdServiceSelect'\n  })\n\n  type Props = QdServiceSelectProps<D, R, P, TP, Pag, SK>\n\n  const props = withDefaults(defineProps<Props>(), qdServiceSelectProps)\n  const emit = defineEmits<{\n    'update:modelValue': [Props['modelValue']]\n    'update:valueLabel': [Props['valueLabel']]\n    'update:inputValue': [Props['inputValue']]\n    'update:popupVisible': [Props['popupVisible']]\n    'update:options': [Props['options']]\n  }>()\n  const { modelValue, valueLabel, inputValue, popupVisible, options } = useVModels(props, emit, {\n    passive: true\n  })\n\n  const reModelValue = computed({\n    get: () => {\n      const { convStr, selectOptions } = reProps.value\n      const { multiple, valueType } = selectOptions\n      if (!multiple || valueType === 'object') return modelValue.value\n\n      if (isEmpty(modelValue.value)) return []\n      if (typeof modelValue.value === 'string') {\n        return modelValue.value.split(\n          (typeof convStr === 'string' ? convStr : '') || qdDictConvStrSeparator\n        )\n      }\n      return modelValue.value\n    },\n    set: (val) => {\n      const { convStr, selectOptions } = reProps.value\n      const { multiple, valueType } = selectOptions\n      if (!multiple || valueType === 'object') {\n        modelValue.value = val\n        return\n      }\n\n      if (convStr && Array.isArray(val)) {\n        modelValue.value = val.join(\n          (typeof convStr === 'string' ? convStr : '') || qdDictConvStrSeparator\n        )\n      } else {\n        modelValue.value = val\n      }\n    }\n  })\n\n  const reValueLabel = computed({\n    get: () => {\n      const { convStr, selectOptions } = reProps.value\n      const { multiple, valueType } = selectOptions\n      if (!multiple || valueType === 'object') return valueLabel.value\n\n      if (isEmpty(valueLabel.value)) return []\n      if (typeof valueLabel.value === 'string') {\n        return valueLabel.value.split(\n          (typeof convStr === 'string' ? convStr : '') || qdDictConvStrSeparator\n        )\n      }\n      return valueLabel.value\n    },\n    set: (val) => {\n      const { convStr, selectOptions } = reProps.value\n      const { multiple, valueType } = selectOptions\n      if (!multiple || valueType === 'object') {\n        valueLabel.value = val\n        return\n      }\n\n      if (convStr && Array.isArray(val)) {\n        valueLabel.value = val.join(\n          (typeof convStr === 'string' ? convStr : '') || qdDictConvStrSeparator\n        )\n      } else {\n        valueLabel.value = val\n      }\n    }\n  })\n\n  const { t } = useConfig('loading')\n\n  const search = ref('')\n  const autofocus = ref(false)\n\n  const reProps = computed(() => {\n    const {\n      service,\n      manual,\n      transformParams,\n      transformRes,\n      pagination,\n      onBefore,\n      onAfter,\n      onSuccess,\n      onError,\n\n      convStr,\n      searchKey,\n      loading: externalLoad,\n      defaultSelectFirst,\n      fillOptions,\n\n      modelValue,\n      inputValue,\n      popupVisible: inPopupVisible,\n      options: inOptions,\n      valueLabel,\n\n      popupProps,\n      filterable,\n      filter,\n      autofocus,\n      onSearch,\n      onPopupVisibleChange,\n      onFocus,\n      onChange,\n      ...selectOptions\n    } = props\n\n    const rePopupProps = popupProps || {}\n    rePopupProps.onScrollToBottom = (context: { e: WheelEvent }) => {\n      popupProps?.onScrollToBottom?.(context)\n      if (loading.value || noMore.value) return\n      loadMore()\n    }\n\n    const reOnSearch: typeof onSearch = (\n      filterWords: string,\n      context: {\n        e: KeyboardEvent\n      }\n    ) => {\n      onSearch?.(filterWords, context)\n      search.value = filterWords.trim()\n      refresh()\n    }\n\n    const reOnPopupVisibleChange: typeof onPopupVisibleChange = (visible, context) => {\n      onPopupVisibleChange?.(visible, context)\n\n      if (loading.value) return\n\n      const { fillOptions } = reProps.value\n      if (\n        visible &&\n        (!options.value?.length ||\n          (triggerServiceMerged && checkSameObject(options.value, fillOptions)))\n      ) {\n        search.value = ''\n        refresh()\n      }\n    }\n\n    const reOnFocus: typeof onFocus = (context) => {\n      onFocus?.(context)\n\n      if (autofocus && !popupVisible.value) {\n        popupVisible.value = true\n      }\n    }\n\n    const reOnChange = (value: any, context: any) => {\n      onChange?.(value, context)\n\n      // 更新 valueLabel\n      const { selectOptions } = reProps.value\n      const { multiple, keys } = selectOptions\n      const labelKey = keys?.label || qdServiceSelectKeys.label\n\n      if (multiple) {\n        const selectedLabels =\n          context.selectedOptions\n            ?.map((option: D) => option[labelKey as keyof D] as string)\n            .filter(Boolean) || []\n        reValueLabel.value = selectedLabels\n      } else {\n        reValueLabel.value = (context.option?.[labelKey as keyof D] as string) || ''\n      }\n    }\n\n    const reSearchKey = toArr(searchKey)\n    const mergedTransformParams = (params: ServiceMaybePageParams<Pag>) => {\n      const searchData: Record<string, string> = {}\n      reSearchKey.forEach((key) => {\n        searchData[key] = search.value\n      })\n\n      const merged = !params && !reSearchKey.length ? params : { ...params, ...searchData }\n      if (transformParams)\n        return transformParams(merged as unknown as Parameters<typeof transformParams>[0])\n      return merged as TP\n    }\n\n    const reFilterable = filterable ?? !!reSearchKey.length\n    const reFilter = reFilterable ? handleFilter : filter\n\n    return {\n      autofocus,\n      externalLoad,\n      defaultSelectFirst,\n      fillOptions,\n      convStr,\n      selectOptions: {\n        ...selectOptions,\n        filterable: reFilterable,\n        filter: reFilter,\n        popupProps: rePopupProps,\n        onSearch: reOnSearch,\n        onPopupVisibleChange: reOnPopupVisibleChange,\n        onFocus: reOnFocus,\n        onChange: reOnChange\n      } as unknown as TdSelectProps<SelectOption>,\n      serviceOptions: {\n        service,\n        manual,\n        transformParams: mergedTransformParams,\n        transformRes,\n        pagination,\n        onBefore,\n        onAfter,\n        onSuccess,\n        onError\n      },\n      models: {\n        modelValue,\n        valueLabel,\n        inputValue,\n        popupVisible: inPopupVisible,\n        options: inOptions\n      }\n    }\n  })\n\n  let hasAutoSelected = false // 记录是否已经自动选择过\n  let fillOptionsWatchStop: WatchHandle | undefined // 处理 fillOptions 合并逻辑\n  let triggerServiceMerged = false // 记录是否已经触发过请求后合并\n\n  const {\n    data,\n    firstLoad,\n    manualTriggerLoad,\n    loading,\n    loadingMore,\n    noMore,\n    error,\n    refresh,\n    refreshAsync,\n    cancel,\n    loadMore,\n    loadMoreAsync,\n    mutate\n  } = useServiceLoadMore({\n    ...reProps.value.serviceOptions,\n    onBefore: () => {\n      // 请求开始时销毁 fillOptions 的 watch\n      fillOptionsWatchStop?.()\n      reProps.value.serviceOptions.onBefore?.()\n    },\n    onSuccess: (res) => {\n      reProps.value.serviceOptions.onSuccess?.(res)\n\n      const list = (data.value?.list || []) as D[]\n      if (!triggerServiceMerged && reProps.value.fillOptions?.length) {\n        const map = new Map<typeof reModelValue.value, D>()\n        ;[...reProps.value.fillOptions, ...list].forEach((item) => {\n          const k =\n            item[\n              (reProps.value.selectOptions.keys?.value ||\n                qdServiceSelectKeys.value) as keyof typeof item\n            ]\n          map.set(k, item as D)\n        })\n        options.value = Array.from(map.values())\n      } else {\n        options.value = list\n      }\n      triggerServiceMerged = true\n\n      // 当 defaultSelectFirst 为 true 且 modelValue 为空且未自动选择过时，默认选中第一个\n      if (\n        !hasAutoSelected &&\n        reProps.value.defaultSelectFirst &&\n        isEmpty(reModelValue.value) &&\n        res.list.length\n      ) {\n        const firstOption = res.list[0]\n        reModelValue.value =\n          firstOption[\n            (reProps.value.selectOptions.keys?.value ||\n              qdServiceSelectKeys.value) as keyof typeof firstOption\n          ]\n        hasAutoSelected = true\n      }\n    }\n  })\n\n  const selectLoad = computed(() => reProps.value.externalLoad || firstLoad.value)\n\n  function handleFilter(filterWords: string, option: SelectOption) {\n    if (!filterWords) return true\n\n    if ('value' in option) {\n      if (reProps.value.selectOptions.multiple) {\n        if (reModelValue.value.includes(option.value)) return true\n      } else if (reModelValue.value === option.value) {\n        return true\n      }\n    }\n\n    if (!option.label) return false\n\n    const value = filterWords.trim().toLowerCase()\n    return option.label.toLowerCase().includes(value)\n  }\n\n  const expose = {\n    firstLoad,\n    manualTriggerLoad,\n    loading,\n    loadingMore,\n    noMore,\n    error,\n    refresh,\n    refreshAsync,\n    cancel,\n    loadMore,\n    loadMoreAsync,\n    mutate\n  } as QdServiceSelectInstanceFunctions<D, R, P, TP, Pag>\n\n  // manual 为 true 时，watch fillOptions 对 options.value 进行赋值\n  if (reProps.value.serviceOptions.manual) {\n    fillOptionsWatchStop = watch(\n      () => reProps.value.fillOptions,\n      (fillOpts) => {\n        if (!fillOpts?.length) return\n\n        options.value = fillOpts\n        triggerServiceMerged = true\n      },\n      { immediate: true, deep: true }\n    )\n  }\n\n  onMounted(() => {\n    autofocus.value = reProps.value.autofocus\n  })\n\n  onActivated(() => {\n    autofocus.value = reProps.value.autofocus\n  })\n\n  onDeactivated(() => {\n    autofocus.value = false\n  })\n\n  defineExpose(expose)\n</script>\n\n<style lang=\"less\" scoped>\n  .qd-service-select {\n    &__load {\n      width: 100%;\n      border-top: 1px solid var(--td-component-stroke);\n      padding: 6px;\n      color: var(--td-text-color-disabled);\n    }\n  }\n</style>\n"],"names":["modelValue","inputValue","valueLabel","autofocus","fillOptions","selectOptions","_openBlock","_createBlock","_unref","_mergeProps","$slots","TLoading","_renderSlot","_renderList","_withCtx","_normalizeProps","_guardReactiveProps"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qidian-vue-ui",
-  "version": "1.1.65",
+  "version": "1.1.66",
   "description": "基于 TDesign 的 QiDian Vue UI 组件库",
   "author": "qidian",
   "license": "MIT",
@@ -61,7 +61,7 @@
     "tdesign-icons-vue-next": "^0.4.1",
     "tdesign-vue-next": "^1.16.1",
     "vue": "~3.5.26",
-    "qidian-shared": "1.0.45"
+    "qidian-shared": "1.0.46"
   },
   "scripts": {
     "clean": "rm -rf dist",