qidian-vue-ui 1.0.70 → 1.0.71

package/dist/{index-BhiVTQHR.js → index-4e1YS15f.js}

@@ -2,12 +2,12 @@
 const vue = require("vue");
 const tdesignVueNext = require("tdesign-vue-next");
 const tdesignIconsVueNext = require("tdesign-icons-vue-next");
-const _hoisted_1$2 = { class: "qd-auto-tooltip" };
-const _hoisted_2$1 = {
+const _hoisted_1$3 = { class: "qd-auto-tooltip" };
+const _hoisted_2$2 = {
   key: 0,
   class: "pre-wrap"
 };
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "QdAutoTooltip"
   },
@@ -39,7 +39,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     );
     return (_ctx, _cache) => {
       const _directive_resize = vue.resolveDirective("resize");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
         vue.createVNode(vue.unref(tdesignVueNext.Tooltip), {
           attach: __props.attach,
           placement: __props.placement,
@@ -48,7 +48,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
         }, {
           content: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "content", {}, () => [
-              __props.preWrap ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$1, vue.toDisplayString(__props.content), 1)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+              __props.preWrap ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$2, vue.toDisplayString(__props.content), 1)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                 vue.createTextVNode(vue.toDisplayString(__props.content), 1)
               ], 64))
             ], true)
@@ -79,11 +79,11 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const index = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-75d8db87"]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-75d8db87"]]);
 const qdCardProps = {
   bordered: false
 };
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: /* @__PURE__ */ vue.mergeDefaults({
     actions: {},
@@ -1391,6 +1391,14 @@ function extractSlotsWithoutPrefix(slots, prefix) {
   }
   return res;
 }
+function filterSlots(slots, filterName) {
+  const res = [];
+  for (const key in slots) {
+    if (filterName.includes(key)) continue;
+    res.push(key);
+  }
+  return res;
+}
 function easyCopy(data) {
   return JSON.parse(JSON.stringify(data));
 }
@@ -12014,8 +12022,8 @@ const QdConfigProvider = vue.defineComponent({
     vue.watchEffect(async () => {
       const localeMap = {
         "zh-CN": () => Promise.resolve().then(() => zhCN$1),
-        "zh-TW": () => Promise.resolve().then(() => require("./zh-TW-B2ihPdJF.js")),
-        "en-US": () => Promise.resolve().then(() => require("./en-US-QRsMT0B0.js"))
+        "zh-TW": () => Promise.resolve().then(() => require("./zh-TW-CMO2pPWS.js")),
+        "en-US": () => Promise.resolve().then(() => require("./en-US-D38N0yWa.js"))
       };
       const loadLocale = localeMap[props.locale] || localeMap["zh-CN"];
       const [err, res] = await to(
@@ -13218,7 +13226,7 @@ function resolveVModelBinding(context, vModel, defaultValue) {
   }
   return bindings;
 }
-const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "QdConfigRenderer"
   },
@@ -13320,7 +13328,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
           return {
             name: slotName,
             fn: vue.withCtx((slotProps) => [
-              slotConfig ? (vue.openBlock(), vue.createBlock(_sfc_main$f, vue.mergeProps({
+              slotConfig ? (vue.openBlock(), vue.createBlock(_sfc_main$h, vue.mergeProps({
                 key: 0,
                 config: slotConfig,
                 context: slotConfig.context || currentContext.value
@@ -13398,6 +13406,7 @@ const qdFormGrid = {
 const qdFormProps = {
   gutter: () => qdFormGutter,
   grid: () => qdFormGrid,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   data: () => ({}),
   disabled: void 0,
   readonly: void 0,
@@ -13468,6 +13477,9 @@ const qdServiceSelectProps = {
 const qdServiceSelectKeys = {
   value: "value"
 };
+const qdServiceListProps = {
+  data: () => []
+};
 const qdCrudSearchProps = {
   ...qdFormProps,
   defaultClearable: true,
@@ -13493,6 +13505,10 @@ const qdCrudTableProps = {
   del: void 0,
   rowActions: void 0
 };
+const qdCrudListProps = {
+  ...qdServiceListProps,
+  searchData: () => ({})
+};
 function authPermission(permission) {
   const allPermission = "*:*:*";
   const user = window.__QIDIAN_USER__;
@@ -14260,6 +14276,7 @@ const zhCN = {
     text: "加载中"
   },
   crud: {
+    emptyText: "暂无数据",
     searchText: "搜索",
     resetText: "重置",
     addText: "新增",
@@ -14314,7 +14331,7 @@ function useConfig(key, componentLocale) {
     global: globalConfig
   };
 }
-const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "QdServiceTable"
   },
@@ -14618,6 +14635,9 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     } = /* @__PURE__ */ useVModels(props, emit, {
       passive: true
     });
+    const {
+      t
+    } = useConfig("crud");
     const tableRef = vue.useTemplateRef("table");
     const treeLoadIds = vue.ref([]);
     const reProps = vue.computed(() => {
@@ -14906,6 +14926,9 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
         data: vue.unref(data),
         pagination: rePagination.value
       }), vue.createSlots({
+        empty: vue.withCtx(() => [vue.createVNode(vue.unref(tdesignVueNext.Empty), {
+          title: vue.unref(t)("emptyText")
+        }, null, 8, ["title"])]),
         _: 2
       }, [vue.renderList(_ctx.$slots, (_, name) => {
         return {
@@ -14916,7 +14939,150 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const QdServiceTable = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-3d02ee0a"]]);
+const QdServiceTable = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-adef2cbe"]]);
+const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "QdServiceList"
+  },
+  __name: "list",
+  props: /* @__PURE__ */ vue.mergeDefaults({
+    data: {},
+    asyncLoading: {},
+    footer: {},
+    header: {},
+    layout: {},
+    scroll: {},
+    size: {},
+    split: { type: Boolean },
+    stripe: { type: Boolean },
+    onBefore: { type: Function },
+    onAfter: { type: Function },
+    onSuccess: { type: Function },
+    onError: { type: Function },
+    service: { type: Function },
+    manual: { type: Boolean },
+    transformParams: { type: Function },
+    transformRes: { type: Function },
+    pagination: {}
+  }, qdServiceListProps),
+  emits: ["update:data"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { data } = /* @__PURE__ */ useVModels(props, emit, { passive: true });
+    const { t } = useConfig("crud");
+    const listRef = vue.useTemplateRef("list");
+    const reProps = vue.computed(() => {
+      const {
+        service,
+        manual,
+        transformParams,
+        transformRes,
+        pagination,
+        onBefore,
+        onAfter,
+        onSuccess,
+        onError,
+        data: data2,
+        asyncLoading: externalAsyncLoad,
+        ...listOptions
+      } = props;
+      return {
+        externalAsyncLoad,
+        listOptions,
+        serviceOptions: {
+          service,
+          manual,
+          transformParams,
+          transformRes,
+          pagination,
+          onBefore,
+          onAfter,
+          onSuccess,
+          onError
+        },
+        models: {
+          data: data2
+        }
+      };
+    });
+    const {
+      data: serviceData,
+      firstLoad,
+      manualTriggerLoad,
+      loading,
+      loadingMore,
+      noMore,
+      error,
+      refresh,
+      refreshAsync,
+      cancel,
+      loadMore,
+      loadMoreAsync,
+      mutate
+    } = useServiceLoadMore({
+      ...reProps.value.serviceOptions,
+      onSuccess: (res) => {
+        reProps.value.serviceOptions.onSuccess?.(res);
+        data.value = serviceData.value?.list || [];
+      }
+    });
+    const empty = vue.computed(() => noMore.value && !data.value.length);
+    function onScroll({
+      scrollBottom
+    }) {
+      if (loading.value || noMore.value || scrollBottom > (reProps.value.listOptions.scroll?.rowHeight ?? 100)) {
+        return;
+      }
+      loadMore();
+    }
+    const expose = {
+      data: serviceData,
+      firstLoad,
+      manualTriggerLoad,
+      loading,
+      loadingMore,
+      noMore,
+      error,
+      refresh,
+      refreshAsync,
+      cancel,
+      loadMore,
+      loadMoreAsync,
+      mutate
+    };
+    vue.onMounted(() => {
+      Object.assign(expose, listRef.value);
+    });
+    __expose(expose);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(tdesignVueNext.List), vue.mergeProps({
+        ref: "list",
+        class: "qd-service-list"
+      }, reProps.value.listOptions, { onScroll }), vue.createSlots({
+        default: vue.withCtx(() => [
+          empty.value ? vue.renderSlot(_ctx.$slots, "empty", { key: 0 }, () => [
+            vue.createVNode(vue.unref(tdesignVueNext.Empty), {
+              title: vue.unref(t)("emptyText")
+            }, null, 8, ["title"])
+          ], true) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "default", { data: vue.unref(data) }, void 0, true)
+        ]),
+        _: 2
+      }, [
+        vue.renderList(vue.unref(filterSlots)(_ctx.$slots, ["default", "empty"]), (name) => {
+          return {
+            name,
+            fn: vue.withCtx((slotProps) => [
+              vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps)), void 0, true)
+            ])
+          };
+        })
+      ]), 1040);
+    };
+  }
+});
+const QdServiceList = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-21c3df5d"]]);
 const qdDictConvStrSeparator = ",";
 const qdDictSelectProps = {
   showArrow: true,
@@ -14949,7 +15115,7 @@ const qdDictTagProps = {
   options: void 0,
   strict: false
 };
-const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "QdServiceSelect"
   },
@@ -15189,16 +15355,16 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
       },
       onSuccess: (res) => {
         reProps.value.serviceOptions.onSuccess?.(res);
-        const list = data.value?.list || [];
+        const list2 = data.value?.list || [];
         if (!triggerServiceMerged && reProps.value.fillOptions?.length) {
           const map = /* @__PURE__ */ new Map();
-          [...reProps.value.fillOptions, ...list].forEach((item) => {
+          [...reProps.value.fillOptions, ...list2].forEach((item) => {
             const k = item[reProps.value.selectOptions.keys?.value || qdServiceSelectKeys.value];
             map.set(k, item);
           });
           options.value = Array.from(map.values());
         } else {
-          options.value = list;
+          options.value = list2;
         }
         triggerServiceMerged = true;
         if (!hasAutoSelected && reProps.value.defaultSelectFirst && isEmpty(reModelValue.value) && res.list.length) {
@@ -15290,8 +15456,9 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const select = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-a9450c1a"]]);
+const select = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-a9450c1a"]]);
 const qdDialogProps = {
+  visible: false,
   width: "min(960px, 100%)",
   theme: "default",
   attach: "body",
@@ -15311,7 +15478,7 @@ const qdDialogFormProps = {
   ...qdFormProps,
   wrapper: () => qdDialogProps
 };
-const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "QdDialog"
   },
@@ -15356,7 +15523,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     onOverlayClick: { type: Function }
   }, qdDialogProps),
   emits: ["update:visible"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const { visible } = /* @__PURE__ */ useVModels(props, emit, { passive: true });
@@ -15387,6 +15554,14 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
         models: { visible: inVisible }
       };
     });
+    function show() {
+      visible.value = true;
+    }
+    function hide() {
+      visible.value = false;
+    }
+    const expose = { show, hide };
+    __expose(expose);
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(tdesignVueNext.Dialog), vue.mergeProps({
         visible: vue.unref(visible),
@@ -15423,7 +15598,7 @@ const DEFAULT_BREAKPOINTS = {
 };
 const DEFAULT_COL = 1;
 const DEFAULT_ROW = 1;
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "QdGrid"
   },
@@ -15474,8 +15649,8 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const QdGrid = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-f53624a2"]]);
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+const QdGrid = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-f53624a2"]]);
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "QdGridItem"
   },
@@ -15541,8 +15716,8 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const QdGridItem = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-274b234a"]]);
-const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+const QdGridItem = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-274b234a"]]);
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "QdFormItem"
   },
@@ -15606,7 +15781,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
                 crudMode: reProps.value.formItemOptions.crudMode,
                 context: __props.context
               }, () => [
-                reProps.value.configRendererOptions.config ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$f), vue.mergeProps({
+                reProps.value.configRendererOptions.config ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$h), vue.mergeProps({
                   key: 0,
                   class: "qd-form-item__component"
                 }, reProps.value.configRendererOptions), null, 16)) : vue.createCommentVNode("", true)
@@ -15620,7 +15795,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const QdFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-0a78416c"]]);
+const QdFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-0a78416c"]]);
 const PROVIDE_FORM_ADD_BEFORE_SUBMIT_QUEUE = Symbol("QdFormAddBeforeSubmitQueue");
 function useModal() {
   const { t } = useConfig("modal");
@@ -15790,7 +15965,7 @@ function useModal() {
     confirm
   };
 }
-const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "QdForm"
   },
@@ -15842,10 +16017,14 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
       });
     });
     const formRef = vue.useTemplateRef("form");
+    const submitShowErrorMessage = vue.ref();
     const reProps = vue.computed(() => {
-      const { grid, gutter, items, onSubmit, data: data2, ...formOptions } = props;
+      const { grid, gutter, items, onSubmit, data: data2, scrollToFirstError, ...formOptions } = props;
       return {
-        formOptions,
+        formOptions: {
+          ...formOptions,
+          scrollToFirstError: submitShowErrorMessage.value === false ? "" : scrollToFirstError
+        },
         formItems: items,
         gridOptions: {
           grid,
@@ -15855,7 +16034,6 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
         models: { data: data2 }
       };
     });
-    let submitShowErrorMessage;
     const submitLoad = vue.ref(false);
     const formLoad = vue.computed(() => {
       return {
@@ -15865,7 +16043,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
       };
     });
     async function handleSubmit(context) {
-      const showErrorMessage = submitShowErrorMessage ?? props.showErrorMessage;
+      const showErrorMessage = submitShowErrorMessage.value ?? props.showErrorMessage;
       if (showErrorMessage && context.firstError) {
         msgError(context.firstError);
       }
@@ -15893,7 +16071,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
           }
         });
         if (reQueueRes.success === false) {
-          if (reQueueRes.message && showErrorMessage) {
+          if (showErrorMessage && reQueueRes.message) {
             msgError(reQueueRes.message);
           }
           return;
@@ -15909,7 +16087,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     const expose = {};
     vue.onMounted(() => {
       const submit = async (params) => {
-        submitShowErrorMessage = params?.showErrorMessage;
+        submitShowErrorMessage.value = params?.showErrorMessage;
         formRef.value?.submit(params);
       };
       Object.assign(expose, formRef.value, { submit });
@@ -15949,7 +16127,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   __name: "form",
   props: /* @__PURE__ */ vue.mergeDefaults({
     onSubmit: { type: Function },
@@ -15986,7 +16164,9 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const { visible, data } = /* @__PURE__ */ useVModels(props, emit, { passive: true });
+    const { visible, data } = /* @__PURE__ */ useVModels(props, emit, {
+      passive: true
+    });
     const { t } = useConfig("crud");
     const formSubmitLoad = vue.ref(false);
     const reProps = vue.computed(() => {
@@ -16036,21 +16216,31 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       };
     });
     const formRef = vue.useTemplateRef("form");
-    const expose = {};
+    function show(newData) {
+      if (newData != void 0) data.value = newData;
+      visible.value = true;
+    }
+    function hide() {
+      visible.value = false;
+    }
+    const expose = {
+      show,
+      hide
+    };
     vue.onMounted(() => {
       Object.assign(expose, formRef.value);
     });
     __expose(expose);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$c, vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(_sfc_main$d, vue.mergeProps({
         visible: vue.unref(visible),
-        "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => vue.isRef(visible) ? visible.value = $event : null)
+        "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => vue.isRef(visible) ? visible.value = $event : null)
       }, reProps.value.qdDialogOptions), vue.createSlots({
         default: vue.withCtx(() => [
-          vue.createVNode(vue.unref(_sfc_main$8), vue.mergeProps({
+          vue.createVNode(vue.unref(_sfc_main$9), vue.mergeProps({
             ref: "form",
             data: vue.unref(data),
-            "onUpdate:data": _cache[1] || (_cache[1] = ($event) => vue.isRef(data) ? data.value = $event : null)
+            "onUpdate:data": _cache[0] || (_cache[0] = ($event) => vue.isRef(data) ? data.value = $event : null)
           }, reProps.value.qdFormOptions), vue.createSlots({ _: 2 }, [
             vue.renderList(vue.unref(extractSlotsWithPrefix)(_ctx.$slots, "form"), (item) => {
               return {
@@ -16069,7 +16259,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
           fn: vue.withCtx(() => [
             vue.createVNode(vue.unref(tdesignVueNext.Button), {
               theme: "default",
-              onClick: _cache[0] || (_cache[0] = ($event) => visible.value = false)
+              onClick: hide
             }, {
               default: vue.withCtx(() => [
                 vue.createTextVNode(vue.toDisplayString(vue.unref(t)("closeText")), 1)
@@ -16091,7 +16281,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "QdCrudSearch"
   },
@@ -16144,9 +16334,9 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     });
     __expose(expose);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$g), { class: "qd-crud-search" }, {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$i), { class: "qd-crud-search" }, {
         default: vue.withCtx(() => [
-          vue.createVNode(vue.unref(_sfc_main$8), vue.mergeProps({
+          vue.createVNode(vue.unref(_sfc_main$9), vue.mergeProps({
             ref: "form",
             data: vue.unref(data),
             "onUpdate:data": _cache[0] || (_cache[0] = ($event) => vue.isRef(data) ? data.value = $event : null)
@@ -16166,7 +16356,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const QdCrudSearch = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-13ddedb2"]]);
+const QdCrudSearch = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-13ddedb2"]]);
 const dictCache = /* @__PURE__ */ new Map();
 const dictPromiseCache = /* @__PURE__ */ new Map();
 function useDict(...args) {
@@ -16297,13 +16487,13 @@ function useDisabled(context) {
     return false;
   });
 }
-const _hoisted_1$1 = {
+const _hoisted_1$2 = {
   class: "qd-crud-table"
 };
-const _hoisted_2 = {
+const _hoisted_2$1 = {
   class: "qd-crud-table__toolbar"
 };
-const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "QdCrudTable"
   },
@@ -16643,6 +16833,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     const reProps = vue.computed(() => {
       const {
         data: data2,
+        searchData: inSearchData,
         selectedRowKeys: selectedRowKeys2,
         activeRowKeys: activeRowKeys2,
         columnControllerVisible: columnControllerVisible2,
@@ -16752,6 +16943,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
         rowActions: reRowActions,
         models: {
           data: data2,
+          searchData: inSearchData,
           selectedRowKeys: selectedRowKeys2,
           activeRowKeys: activeRowKeys2,
           columnControllerVisible: columnControllerVisible2,
@@ -16769,12 +16961,11 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     let searchMode = "refresh";
     function handleSearch() {
       searchMode = "changeCurrent";
-      searchRef.value?.submit();
     }
     function handleResetSearch() {
       searchMode = "changeCurrent";
       searchRef.value?.reset();
-      handleSearch();
+      searchRef.value?.submit();
     }
     function triggerSearch({
       validateResult
@@ -17063,7 +17254,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     });
     __expose(expose);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [reProps.value.searchOptions?.items?.length ? vue.withDirectives((vue.openBlock(), vue.createBlock(QdCrudSearch, vue.mergeProps({
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [reProps.value.searchOptions?.items?.length ? vue.withDirectives((vue.openBlock(), vue.createBlock(QdCrudSearch, vue.mergeProps({
         key: 0,
         ref: "search",
         data: vue.unref(searchData),
@@ -17092,15 +17283,15 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
           _: 1
         })]),
         _: 1
-      }, 16, ["data", "class"])), [[vue.vShow, searchVisible.value]]) : vue.createCommentVNode("", true), vue.createVNode(vue.unref(_sfc_main$g), {
+      }, 16, ["data", "class"])), [[vue.vShow, searchVisible.value]]) : vue.createCommentVNode("", true), vue.createVNode(vue.unref(_sfc_main$i), {
         class: "qd-crud-table__body"
       }, {
-        default: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_2, [vue.createVNode(vue.unref(tdesignVueNext.Space), {
+        default: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_2$1, [vue.createVNode(vue.unref(tdesignVueNext.Space), {
           align: "center",
           size: "small"
         }, {
           default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "actions", {}, () => [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(reProps.value.actions, (item, index2) => {
-            return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$f), {
+            return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$h), {
               key: item.uid || index2,
               context: getConfigRendererCtx(item),
               config: {
@@ -17206,7 +17397,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
               layout: "vertical"
             })]),
             default: vue.withCtx(() => [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(reProps.value.rowActions, (item, index2) => {
-              return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$f), {
+              return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$h), {
                 key: item.uid || index2,
                 context: getConfigRendererCtx(item, slotProps),
                 config: {
@@ -17227,10 +17418,10 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
         })]), 1040, ["data", "selected-row-keys", "active-row-keys", "column-controller-visible", "display-columns", "expanded-row-keys", "filter-value", "sort", "expanded-tree-nodes"])]),
         _: 3
       }), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(dialogFormMap, (dialogForm, uid) => {
-        return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$f), {
+        return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$h), {
           key: uid,
           config: {
-            is: vue.unref(_sfc_main$7),
+            is: vue.unref(_sfc_main$8),
             ...dialogForm.form,
             vModelVisible: "self.visible",
             vModelData: "self.data",
@@ -17242,10 +17433,185 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const table = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-06f05d43"]]);
+const table = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-bdb9c97a"]]);
+const _hoisted_1$1 = {
+  class: "qd-crud-list"
+};
+const _hoisted_2 = {
+  class: "qd-crud-list__body"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "qd-crud-list__toolbar"
+};
+const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+  __name: "list",
+  props: /* @__PURE__ */ vue.mergeDefaults({
+    search: {},
+    searchData: {},
+    data: {},
+    asyncLoading: {},
+    footer: {},
+    header: {},
+    layout: {},
+    scroll: {},
+    size: {},
+    split: {
+      type: Boolean
+    },
+    stripe: {
+      type: Boolean
+    },
+    onBefore: {
+      type: Function
+    },
+    onAfter: {
+      type: Function
+    },
+    onSuccess: {
+      type: Function
+    },
+    onError: {
+      type: Function
+    },
+    service: {
+      type: Function
+    },
+    manual: {
+      type: Boolean
+    },
+    transformParams: {
+      type: Function
+    },
+    transformRes: {
+      type: Function
+    },
+    pagination: {}
+  }, qdCrudListProps),
+  emits: ["update:searchData", "update:data"],
+  setup(__props, {
+    expose: __expose,
+    emit: __emit
+  }) {
+    const props = __props;
+    const emit = __emit;
+    const {
+      data,
+      searchData
+    } = /* @__PURE__ */ useVModels(props, emit, {
+      passive: true
+    });
+    const {
+      t
+    } = useConfig("crud");
+    const reProps = vue.computed(() => {
+      const {
+        data: data2,
+        searchData: inSearchData,
+        search,
+        transformParams,
+        ...serviceListOptions
+      } = props;
+      const mergedTransformParams = (params) => {
+        const merged = {
+          ...params,
+          ...searchData.value
+        };
+        if (transformParams) return transformParams(merged);
+        return merged;
+      };
+      return {
+        searchOptions: search,
+        serviceListOptions: {
+          ...serviceListOptions,
+          transformParams: mergedTransformParams
+        },
+        models: {
+          data: data2,
+          searchData: inSearchData
+        }
+      };
+    });
+    const searchRef = vue.useTemplateRef("search");
+    const listRef = vue.useTemplateRef("list");
+    function handleSearch() {
+    }
+    function handleResetSearch() {
+      searchRef.value?.reset();
+      searchRef.value?.submit();
+    }
+    function triggerSearch({
+      validateResult
+    }) {
+      if (validateResult !== true) return;
+      listRef.value?.refresh();
+    }
+    const expose = {};
+    vue.onMounted(() => {
+      Object.assign(expose, listRef.value);
+    });
+    __expose(expose);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [reProps.value.searchOptions?.items?.length ? (vue.openBlock(), vue.createBlock(QdCrudSearch, vue.mergeProps({
+        key: 0,
+        ref: "search",
+        data: vue.unref(searchData),
+        "onUpdate:data": _cache[0] || (_cache[0] = ($event) => vue.isRef(searchData) ? searchData.value = $event : null)
+      }, reProps.value.searchOptions, {
+        "on-submit": triggerSearch
+      }), {
+        footer: vue.withCtx(() => [vue.createVNode(vue.unref(tdesignVueNext.Space), {
+          align: "center",
+          size: "small"
+        }, {
+          default: vue.withCtx(() => [vue.createVNode(vue.unref(tdesignVueNext.Button), {
+            type: "submit",
+            onClick: handleSearch
+          }, {
+            default: vue.withCtx(() => [vue.createTextVNode(vue.toDisplayString(vue.unref(t)("searchText")), 1)]),
+            _: 1
+          }), vue.createVNode(vue.unref(tdesignVueNext.Button), {
+            variant: "outline",
+            onClick: handleResetSearch
+          }, {
+            default: vue.withCtx(() => [vue.createTextVNode(vue.toDisplayString(vue.unref(t)("resetText")), 1)]),
+            _: 1
+          })]),
+          _: 1
+        })]),
+        _: 1
+      }, 16, ["data"])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_2, [_ctx.$slots.actions ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [vue.createVNode(vue.unref(tdesignVueNext.Space), {
+        align: "center",
+        size: "small"
+      }, {
+        default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "actions", {}, void 0, true)]),
+        _: 3
+      })])) : vue.createCommentVNode("", true), vue.createVNode(vue.unref(QdServiceList), vue.mergeProps({
+        ref: "list",
+        data: vue.unref(data),
+        "onUpdate:data": _cache[1] || (_cache[1] = ($event) => vue.isRef(data) ? data.value = $event : null)
+      }, reProps.value.serviceListOptions), vue.createSlots({
+        _: 2
+      }, [_ctx.$slots.default ? {
+        name: "default",
+        fn: vue.withCtx((slotProps) => [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(slotProps)), void 0, true)]),
+        key: "0"
+      } : void 0, vue.renderList(vue.unref(extractSlotsWithPrefix)(_ctx.$slots, "list"), (item) => {
+        return {
+          name: item.filterName,
+          fn: vue.withCtx((slotProps) => [vue.renderSlot(_ctx.$slots, item.originalName, vue.normalizeProps(vue.guardReactiveProps(slotProps)), void 0, true)])
+        };
+      })]), 1040, ["data"])])]);
+    };
+  }
+});
+const list = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-13f38849"]]);
 function defineQdCrudTable(config) {
   return config;
 }
+function defineQdCrudList(config) {
+  return config;
+}
 const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "QdDictSelect"
@@ -18312,17 +18678,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       async (newVal, oldVal) => {
         if (!newVal.length || checkSameObject(newVal, oldVal) || fileList.value.length) return;
         const { valueMode } = reProps.value;
-        let ossList = [];
-        if (valueMode === "url") {
-          const [err, res] = await to(getOssByUrls(newVal));
-          if (err) return;
-          ossList = res;
-        } else {
-          const [err, res] = await to(getOssByIds(newVal));
-          if (err) return;
-          ossList = res;
-        }
-        fileList.value = ossList.map((item) => {
+        const apiFn = valueMode === "url" ? getOssByUrls : getOssByIds;
+        const [err, res] = await to(apiFn(newVal));
+        if (err) return;
+        fileList.value = res.map((item) => {
           const { url, ossId, originalName, size, createTime } = item;
           return {
             url,
@@ -18425,20 +18784,22 @@ exports.QdConfigProvider = QdConfigProvider;
 exports.QdFormItem = QdFormItem;
 exports.QdGrid = QdGrid;
 exports.QdGridItem = QdGridItem;
+exports.QdServiceList = QdServiceList;
 exports.QdServiceTable = QdServiceTable;
-exports._sfc_main = _sfc_main$g;
-exports._sfc_main$1 = _sfc_main$f;
-exports._sfc_main$2 = _sfc_main$c;
-exports._sfc_main$3 = _sfc_main$7;
+exports._sfc_main = _sfc_main$i;
+exports._sfc_main$1 = _sfc_main$h;
+exports._sfc_main$2 = _sfc_main$d;
+exports._sfc_main$3 = _sfc_main$8;
 exports._sfc_main$4 = _sfc_main$4;
 exports._sfc_main$5 = _sfc_main$1;
-exports._sfc_main$6 = _sfc_main$8;
+exports._sfc_main$6 = _sfc_main$9;
 exports._sfc_main$7 = _sfc_main;
 exports._typeof = _typeof;
 exports.auth = auth;
 exports.checkboxGroup = checkboxGroup;
 exports.commonjsGlobal = commonjsGlobal;
 exports.dayjs_minExports = dayjs_minExports$1;
+exports.defineQdCrudList = defineQdCrudList;
 exports.defineQdCrudTable = defineQdCrudTable;
 exports.getValueByPath = getValueByPath;
 exports.hasPermi = hasPermi;
@@ -18446,6 +18807,7 @@ exports.hasPermiDirective = hasPermiDirective;
 exports.hasRole = hasRole;
 exports.hasRoleDirective = hasRoleDirective;
 exports.index = index;
+exports.list = list;
 exports.parseVModelPath = parseVModelPath;
 exports.qdAsyncCompute = qdAsyncCompute;
 exports.qdCompute = qdCompute;
@@ -18462,4 +18824,4 @@ exports.useDictDynamic = useDictDynamic;
 exports.useDisabled = useDisabled;
 exports.useModal = useModal;
 exports.useReadonly = useReadonly;
-//# sourceMappingURL=index-BhiVTQHR.js.map
+//# sourceMappingURL=index-4e1YS15f.js.map