jgy-public-component 0.0.33 → 0.0.35

package/README.md

@@ -41,9 +41,23 @@ import 'jgy-public-component/dist/style.css'
 | 组件名 | 说明 |
 |--------|------|
 | JButton | 按钮 |
+| JIconRender | 图标渲染 |
+| JUploadImg | 图片上传 |
 | JSearchHeader | 筛选操作条（折叠筛选 + 新增/删除/搜索） |
 | JListSearchHeader | 列表页搜索头（Tabs + 筛选 + 操作 + 导出/列设置） |
+| JSearchInputDialog | 关键词搜索（类型下拉 + 输入 + 批量弹窗） |
+| JRemoteSelect | 远程搜索下拉（分页滚动 + 联动前置校验 + 编辑回显） |
+| JProductSelectDialog | 产品选择弹窗（跨页多选 + 已选 Popover） |
 | JImportExcel | Excel 导入 |
+| JSidebar / JSideMenuItem | 侧边栏菜单 |
+| JAdminLayout | 后台布局 |
+| JProductDetailDialog / JSkuLink | 产品详情 / SKU 链接（需注入 request） |
+| DocNoLink / DocDetailHost | 单号链接 + 全局单据详情（需 createDocDetail 注册） |
+| JRelatedDocs | 关联单据子 Tab 容器（需 createRelatedDocs 注入接口） |
+
+工具方法：数据转换、按钮权限、状态条数 / Tabs、`exportStyledExcel` 前端导出 Excel、路由守卫。
+
+> 完整 Props / 事件 / 插槽、业务组件接入步骤与排错，见 [`docs/index.html`](docs/index.html)（可离线打开）。
 
 ### JListSearchHeader 快速示例
 
@@ -89,12 +103,6 @@ import { ref } from 'vue'
 import { JListSearchHeader } from 'jgy-public-component'
 </script>
 ```
-| JSearchInputDialog | 关键词搜索（类型下拉 + 输入 + 批量弹窗） |
-| JUploadImg | 图片上传 |
-| JSidebar / JSideMenuItem | 侧边栏菜单 |
-| JAdminLayout | 后台布局 |
-| JProductDetailDialog / JSkuLink | 产品详情 / SKU 链接（需注入 request） |
-| JIconRender | 图标渲染 |
 
 ### JSkuLink + JProductDetailDialog（点击 SKU 弹产品详情）
 
@@ -242,6 +250,192 @@ const handleSearch = () => {
 </script>
 ```
 
+### JRemoteSelect 快速示例
+
+接口由 `fetchApi` 注入，组件负责分页滚动加载与联动前置校验。
+
+```vue
+<template>
+  <!-- 无联动的独立下拉：必须加 allow-empty，否则因 params 为空而一直禁用 -->
+  <JRemoteSelect
+    v-model="form.warehouseId"
+    :fetch-api="getWarehouseList"
+    label-field="warehouse_name"
+    value-field="id"
+    immediate
+    allow-empty
+  />
+
+  <!-- 联动：库区依赖仓库，仓库没选时禁用并提示 -->
+  <JRemoteSelect
+    v-model="form.areaId"
+    :fetch-api="getAreaList"
+    :params="{ warehouse_id: form.warehouseId }"
+    :required-params="['warehouse_id']"
+    label-field="area_name"
+    depends-placeholder="请先选择仓库"
+    auto-clear-on-params-change
+  />
+</template>
+
+<script setup lang="ts">
+import { reactive } from 'vue'
+import { JRemoteSelect } from 'jgy-public-component'
+import request from '@/api'
+
+const form = reactive({ warehouseId: null, areaId: null })
+
+// 组件自动传入 pageIndex / pageSize，远程搜索时再带上 keyword
+const getWarehouseList = (params: Record<string, unknown>) =>
+  request({ url: '/wms-app/warehouse/list', method: 'post', data: params })
+
+const getAreaList = (params: Record<string, unknown>) =>
+  request({ url: '/wms-app/area/list', method: 'post', data: params })
+</script>
+```
+
+编辑页只拿到 id、没有完整选项时，用 `initial-label` 回显名称：
+
+```vue
+<JRemoteSelect
+  v-model="form.supplierId"
+  :fetch-api="getSupplierList"
+  :initial-label="detail.supplier_name"
+  allow-empty
+/>
+```
+
+### JProductSelectDialog 快速示例
+
+弹窗只负责分页请求、跨页多选与已选管理；筛选表单和表格列由插槽提供。
+
+```vue
+<template>
+  <JProductSelectDialog
+    v-model="dialogVisible"
+    :fetch-api="getProductList"
+    :extra-params="filters"
+    row-key="sku_code"
+    @confirm="onConfirm"
+  >
+    <template #filters="{ search, reset, loading }">
+      <el-form inline>
+        <el-form-item label="SKU">
+          <el-input v-model="filters.sku_code" clearable @keyup.enter="search" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" :loading="loading" @click="search">查询</el-button>
+          <el-button @click="filters.sku_code = ''; reset()">重置</el-button>
+        </el-form-item>
+      </el-form>
+    </template>
+
+    <template #columns>
+      <el-table-column prop="sku_code" label="SKU" width="160" />
+      <el-table-column prop="product_name" label="品名" show-overflow-tooltip />
+    </template>
+  </JProductSelectDialog>
+</template>
+
+<script setup lang="ts">
+import { reactive, ref } from 'vue'
+import { JProductSelectDialog } from 'jgy-public-component'
+import request from '@/api'
+
+const dialogVisible = ref(false)
+const filters = reactive({ sku_code: '' })
+
+const getProductList = (params: Record<string, any>) =>
+  request({ url: '/bis-app/comm/sku/doList', method: 'post', data: params })
+
+// rows 为跨页累计的全部已选行
+const onConfirm = (rows: Record<string, any>[]) => {
+  console.log(rows)
+}
+</script>
+```
+
+> 用 `v-model` 控制显隐（不是 `v-model:visible`）。弹窗关闭后已选、分页会全部清空，需要保留请在父级自行缓存。
+
+### 状态条数 Tabs 快速示例
+
+统一处理「各状态返回条数」接口，并解决「全部」Tab 与 `status` 参数的换算。
+
+```vue
+<template>
+  <JListSearchHeader v-model="activeTab" @search="onSearch" @tab-change="onSearch">
+    <template #tabs>
+      <el-tab-pane
+        v-for="tab in tabs"
+        :key="tab.tab_name"
+        :name="tab.tab_name"
+        :label="`${tab.name}(${tab.count})`"
+      />
+    </template>
+  </JListSearchHeader>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import {
+  unwrapStatusCountList,
+  mapStatusCountToTabs,
+  buildFallbackStatusTabs,
+  resolveListStatusParam,
+  syncActiveTabIfAll,
+} from 'jgy-public-component'
+
+const activeTab = ref('all')
+// 接口失败时仍有 Tab 可点
+const tabs = ref(buildFallbackStatusTabs([
+  { value: -1, label: '草稿' },
+  { value: 100, label: '待审核' },
+]))
+
+const loadTabs = async () => {
+  const list = unwrapStatusCountList(await getStatusCounts())
+  if (list.length) {
+    tabs.value = mapStatusCountToTabs(list)
+    syncActiveTabIfAll(activeTab, tabs.value, { asString: true })
+  }
+}
+
+const onSearch = () => {
+  // 「全部」返回 undefined，即不传 status
+  loadList({ status: resolveListStatusParam(activeTab.value) })
+}
+
+onMounted(() => { loadTabs(); onSearch() })
+</script>
+```
+
+> 注意 `0` 和 `'0'` 会被判为「全部」。若业务里 `status=0` 是真实状态，请避开 0 取值。
+
+### 导出 Excel
+
+`exportStyledExcel` 为纯前端导出，`exceljs` 是 peerDependency，需宿主项目安装。
+
+```ts
+import { exportStyledExcel } from 'jgy-public-component'
+
+// 对象的 key 即表头，顺序即列顺序（以第一行为准）
+const rows = list.value.map((item) => ({
+  'SKU': item.sku_code,
+  '品名': item.product_name,
+  '数量': item.qty,
+}))
+
+await exportStyledExcel(rows, '产品列表.xlsx', '产品列表')
+
+// 可选：自定义表头色（ARGB，带 FF 前缀）与列宽
+await exportStyledExcel(rows, 'data.xlsx', 'Sheet1', {
+  headerFill: 'FF67C23A',
+  columnWidths: [18, 30, 10],
+})
+```
+
+> 空数组会抛「没有可导出的数据」，调用处需 try/catch。
+
 ## 本地开发
 
 ```bash

package/dist/components/JListSearchHeader/JListSearchHeader.d.ts

@@ -1,6 +1,5 @@
-import { BtnPermissionChecker, BtnPermissionInput } from '../../utils/btnPermission';
 import { DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-
+import { BtnPermissionInput, BtnPermissionChecker } from '../..';
 declare function __VLS_template(): {
     tabs?(_: {}): any;
     filter?(_: {}): any;
@@ -34,10 +33,6 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         type: PropType<boolean>;
         default: boolean;
     };
-    defaultVisible: {
-        type: PropType<number>;
-        default: number;
-    };
     collapsible: {
         type: PropType<boolean>;
         default: boolean;
@@ -64,6 +59,10 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     permissionChecker: {
         type: PropType<BtnPermissionChecker>;
     };
+    defaultVisibleRows: {
+        type: PropType<number>;
+        default: number;
+    };
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     search: () => void;
     reset: () => void;
@@ -98,10 +97,6 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         type: PropType<boolean>;
         default: boolean;
     };
-    defaultVisible: {
-        type: PropType<number>;
-        default: number;
-    };
     collapsible: {
         type: PropType<boolean>;
         default: boolean;
@@ -128,6 +123,10 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     permissionChecker: {
         type: PropType<BtnPermissionChecker>;
     };
+    defaultVisibleRows: {
+        type: PropType<number>;
+        default: number;
+    };
 }>> & Readonly<{
     onSearch?: (() => any) | undefined;
     onReset?: (() => any) | undefined;
@@ -143,9 +142,9 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     showTabs: boolean;
     showSearch: boolean;
     showReset: boolean;
-    defaultVisible: number;
     collapsible: boolean;
     moreFilterActiveCount: number;
+    defaultVisibleRows: number;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/dist/components/JListSearchHeader/types copy.d.ts

@@ -0,0 +1,34 @@
+import { BtnPermissionChecker, BtnPermissionInput } from '../../utils/btnPermission';
+
+export interface JListSearchHeaderProps {
+    /** 是否展示「更多筛选」 */
+    showMoreFilter?: boolean;
+    /** 是否展示导出图标 */
+    showDownload?: boolean;
+    /** 是否展示列设置图标 */
+    showSettings?: boolean;
+    /** 是否展示顶部状态 Tabs（无 #tabs 插槽时自动隐藏） */
+    showTabs?: boolean;
+    /** 是否展示查询按钮 */
+    showSearch?: boolean;
+    /** 是否展示重置按钮 */
+    showReset?: boolean;
+    /** 默认可见筛选项个数（按 #filter 内 el-form-item 计），超出显示展开/收起 */
+    defaultVisible?: number;
+    /** 是否启用 #filter 折叠 */
+    collapsible?: boolean;
+    /** 更多筛选已生效条件数量，>0 时按钮显示「更多筛选 (N)」 */
+    moreFilterActiveCount?: number;
+    /** 更多筛选按钮权限码 */
+    moreFilterPermission?: BtnPermissionInput;
+    /** 查询按钮权限码（含更多筛选弹层内查询） */
+    searchPermission?: BtnPermissionInput;
+    /** 重置按钮权限码 */
+    resetPermission?: BtnPermissionInput;
+    /** 导出图标权限码 */
+    downloadPermission?: BtnPermissionInput;
+    /** 列设置权限码（含列设置抽屉内恢复默认/保存） */
+    settingsPermission?: BtnPermissionInput;
+    /** 单页覆盖全局按钮权限检查函数 */
+    permissionChecker?: BtnPermissionChecker;
+}

package/dist/components/JListSearchHeader/types.d.ts

@@ -13,8 +13,8 @@ export interface JListSearchHeaderProps {
     showSearch?: boolean;
     /** 是否展示重置按钮 */
     showReset?: boolean;
-    /** 默认可见筛选项个数（按 #filter 内 el-form-item 计），超出显示展开/收起 */
-    defaultVisible?: number;
+    /** 默认可见筛选项行数（按 #filter 内 el-form-item 布局换行计），超出显示展开/收起 */
+    defaultVisibleRows?: number;
     /** 是否启用 #filter 折叠 */
     collapsible?: boolean;
     /** 更多筛选已生效条件数量，>0 时按钮显示「更多筛选 (N)」 */

package/dist/components/JProductSelectDialog/JProductSelectDialog.d.ts

@@ -0,0 +1,146 @@
+import { JProductSelectFetchApi, JProductSelectListResult } from './types';
+import { DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+
+type Row = Record<string, any>;
+declare function __VLS_template(): {
+    filters?(_: {
+        search: () => void;
+        reset: () => Promise<void>;
+        loading: boolean;
+    }): any;
+    columns?(_: {}): any;
+    "selected-columns"?(_: {
+        remove: (row: Row) => void;
+    }): any;
+};
+declare const __VLS_component: DefineComponent<ExtractPropTypes<{
+    modelValue: PropType<boolean>;
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    width: {
+        type: PropType<string>;
+        default: string;
+    };
+    teleported: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    zIndex: {
+        type: PropType<number>;
+    };
+    rowKey: {
+        type: PropType<string>;
+        default: string;
+    };
+    pageSizes: {
+        type: PropType<number[]>;
+        default: () => number[];
+    };
+    fetchApi: {
+        type: PropType<JProductSelectFetchApi>;
+        required: true;
+    };
+    extraParams: {
+        type: PropType<Record<string, any>>;
+    };
+    tableHeight: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    popoverWidth: {
+        type: PropType<number>;
+        default: number;
+    };
+    responseAdapter: {
+        type: PropType<(res: any) => JProductSelectListResult>;
+    };
+    loadErrorMessage: {
+        type: PropType<string>;
+        default: string;
+    };
+    fetchOnOpen: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>, {
+    reload: () => Promise<void>;
+    clearSelected: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    open: () => void;
+    closed: () => void;
+    confirm: (rows: Row[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    modelValue: PropType<boolean>;
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    width: {
+        type: PropType<string>;
+        default: string;
+    };
+    teleported: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    zIndex: {
+        type: PropType<number>;
+    };
+    rowKey: {
+        type: PropType<string>;
+        default: string;
+    };
+    pageSizes: {
+        type: PropType<number[]>;
+        default: () => number[];
+    };
+    fetchApi: {
+        type: PropType<JProductSelectFetchApi>;
+        required: true;
+    };
+    extraParams: {
+        type: PropType<Record<string, any>>;
+    };
+    tableHeight: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    popoverWidth: {
+        type: PropType<number>;
+        default: number;
+    };
+    responseAdapter: {
+        type: PropType<(res: any) => JProductSelectListResult>;
+    };
+    loadErrorMessage: {
+        type: PropType<string>;
+        default: string;
+    };
+    fetchOnOpen: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onOpen?: (() => any) | undefined;
+    onClosed?: (() => any) | undefined;
+    onConfirm?: ((rows: Row[]) => any) | undefined;
+}>, {
+    title: string;
+    width: string;
+    teleported: boolean;
+    rowKey: string;
+    pageSizes: number[];
+    tableHeight: string | number;
+    popoverWidth: number;
+    loadErrorMessage: string;
+    fetchOnOpen: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JProductSelectDialog/index.d.ts

@@ -0,0 +1,2 @@
+export { default as JProductSelectDialog } from './JProductSelectDialog';
+export type { JProductSelectDialogProps, JProductSelectFetchApi, JProductSelectListResult, } from './types';

package/dist/components/JProductSelectDialog/types.d.ts

@@ -0,0 +1,20 @@
+export type JProductSelectFetchApi = (params: Record<string, any>) => Promise<any>;
+export type JProductSelectListResult = {
+    list: Array<Record<string, any>>;
+    total: number;
+};
+export interface JProductSelectDialogProps {
+    fetchApi: JProductSelectFetchApi;
+    extraParams?: Record<string, any>;
+    title?: string;
+    width?: string;
+    rowKey?: string;
+    tableHeight?: string | number;
+    pageSizes?: number[];
+    popoverWidth?: number;
+    zIndex?: number;
+    responseAdapter?: (res: any) => JProductSelectListResult;
+    loadErrorMessage?: string;
+    fetchOnOpen?: boolean;
+    teleported?: boolean;
+}

package/dist/components/JRemoteSelect/types.d.ts

@@ -1,34 +1,63 @@
-/** 远程下拉 fetchApi 返回结构（组件内会自动适配多种格式） */
+/**
+ * 远程下拉请求函数。
+ * 组件会自动传入 pageIndex、pageSize，远程搜索时还会传 searchField 对应的关键词；
+ * 返回结构支持 data.list / list / data[] 等多种格式，见 JRemoteSelect.parseListResponse。
+ */
 export type RemoteSelectFetchApi = (params: Record<string, unknown>) => Promise<unknown>;
+/** v-model 绑定值：单选 string | number | null，多选为数组 */
 export type RemoteSelectModelValue = string | number | null | (string | number)[];
 export interface JRemoteSelectProps {
-    /** API 请求函数 */
+    /** 远程数据请求函数（必填） */
     fetchApi: RemoteSelectFetchApi;
-    /** 选项 label 字段名 */
+    /** 选项展示字段，对应 el-option 的 label，默认 `name` */
     labelField?: string;
-    /** 选项 value 字段名 */
+    /** 选项值字段，对应 el-option 的 value，默认 `id` */
     valueField?: string;
-    /** 远程搜索时传给接口的参数名 */
+    /** 远程搜索关键词传给接口的参数名，默认 `keyword` */
     searchField?: string;
-    /** 额外请求参数（支持联动） */
+    /** 额外请求参数，会合并进每次 fetchApi 调用（常用于联动，如 warehouseId） */
     params?: Record<string, unknown>;
+    /** 是否可搜索，默认 true */
     searchable?: boolean;
-    /** true=本地过滤已加载选项；false=远程搜索 */
+    /** true=仅过滤已加载选项；false=输入关键词触发远程搜索，默认 false */
     localFilter?: boolean;
+    /** 是否分页加载，下拉滚动到底自动 loadMore，默认 true */
     paginated?: boolean;
+    /** 每页条数；localFilter 模式下会至少拉 2000 条做本地过滤，默认 20 */
     pageSize?: number;
+    /** 是否多选，默认 false */
     multiple?: boolean;
+    /** 是否可清空，默认 true */
     clearable?: boolean;
+    /** 是否禁用，默认 false */
     disabled?: boolean;
+    /** 正常占位文案，默认「请选择」 */
     placeholder?: string;
+    /** 前置条件未满足时的占位文案（如无 params），默认「请先选择前置条件」 */
     dependsPlaceholder?: string;
+    /** 挂载后是否立即请求首屏数据（需 hasRequiredParams 为 true），默认 false */
     immediate?: boolean;
+    /** params 变化时是否自动清空已选值，默认 false */
     autoClearOnParamsChange?: boolean;
+    /**
+     * 是否允许在无 params / 无 requiredParams 时也发起请求。
+     * false 时缺少联动参数会禁用下拉并显示 dependsPlaceholder，默认 false
+     */
     allowEmpty?: boolean;
+    /**
+     * params 中必须存在的字段名列表；这些字段都有值才允许请求。
+     * 为空时：allowEmpty=true 则直接可请求，否则要求 params 至少有一个 key
+     */
     requiredParams?: string[];
-    /** 选项未加载时的回显 label */
+    /**
+     * 编辑回显用：选项尚未加载时，用此文案替代 value 显示在输入框。
+     * 常见于详情页只有 id、没有完整 option 对象
+     */
     initialLabel?: string;
+    /** 多选时折叠 tag 显示，默认 false */
     collapseTags?: boolean;
+    /** 折叠 tag 是否 hover 展示全部，默认 false */
     collapseTagsTooltip?: boolean;
+    /** 多选折叠时最多展示几个 tag，默认 1 */
     maxCollapseTags?: number;
 }

package/dist/index.d.ts

@@ -10,6 +10,7 @@ import { JAdminLayout } from './components/JAdminLayout';
 import { JProductDetailDialog, JSkuLink, ProductDetailHost } from './components/JProductDetail';
 import { JSearchInputDialog } from './components/JSearchInputDialog';
 import { JRemoteSelect } from './components/JRemoteSelect';
+import { JProductSelectDialog } from './components/JProductSelectDialog';
 import { DocNoLink, DocDetailHost } from './components/JDocDetail';
 import { JRelatedDocs } from './components/JRelatedDocs';
 
@@ -17,13 +18,13 @@ declare const _default: {
     install: (app: App) => void;
 };
 export default _default;
-export { JButton, JUploadImg, JIconRender, JSearchHeader, JListSearchHeader, JImportExcel, JSidebar, JSideMenuItem, JAdminLayout, JProductDetailDialog, JSkuLink, ProductDetailHost, JSearchInputDialog, JRemoteSelect, DocNoLink, DocDetailHost, JRelatedDocs, };
+export { JButton, JUploadImg, JIconRender, JSearchHeader, JListSearchHeader, JImportExcel, JSidebar, JSideMenuItem, JAdminLayout, JProductDetailDialog, JSkuLink, ProductDetailHost, JSearchInputDialog, JRemoteSelect, JProductSelectDialog, DocNoLink, DocDetailHost, JRelatedDocs, };
 export { useProductDetailDialog, useProductDetailStore, provideProductRequest, resolveProductRequest, useInjectedProductRequest, J_PRODUCT_REQUEST_KEY, } from './components/JProductDetail';
 export { createDocDetail, registerDocDetail, getDocDetailAdapters, getDocDetailEntry, getDocDetailRegistry, isDocDetailInitialized, useDocDetailStore, wmsDocDetailComponents, ReceiptOrderDetailView, QcOrderDetailView, InboundOrderDetailView, PutawayOrderDetailView, DeliveryOrderDetailView, TransferOrderDetailView, WorkOrderDetailView, AbnormalOrderDetailView, PaymentRequestDetailView, ReturnOrderDetailView, CostExpenseDetailView, ReceiptVoucherDetailView, PurchaseOrderDetailView, PurchasePlanDetailView, PurchaseContractDetailView, DeliveryDocDetailView, } from './components/JDocDetail';
 export { createRelatedDocs, registerRelatedDocs, getRelatedListAdapter, getRelatedTableComponent, getRelatedDocsTableComponents, isRelatedDocsInitialized, RelatedDocSubTabs, RelatedDocNoCopy, RelatedDocPanel, RelatedReceiptOrderTable, RelatedQcOrderTable, RelatedInboundOrderTable, RelatedPutawayOrderTable, flattenOrderItems, sumOrderItemField, useRelatedCollapseExpand, parseListResponse, } from './components/JRelatedDocs';
-export { toSnakeCase, toCamelCase, pick, omit, deepClone, filterEmpty, flatten, unflatten, toTableColumns, checkBtnPermission, provideBtnPermission, useInjectedBtnPermission, useInjectedBtnPermissions, J_BTN_PERMISSION_KEY, J_BTN_PERMISSIONS_KEY, } from './utils';
+export { toSnakeCase, toCamelCase, pick, omit, deepClone, filterEmpty, flatten, unflatten, toTableColumns, checkBtnPermission, provideBtnPermission, useInjectedBtnPermission, useInjectedBtnPermissions, J_BTN_PERMISSION_KEY, J_BTN_PERMISSIONS_KEY, isAllStatusTab, resolveListStatusParam, toTabName, getAllTabName, syncActiveTabIfAll, buildStatusCountLookup, buildFallbackStatusTabs, unwrapStatusCountList, mapStatusCountToTabs, exportStyledExcel, } from './utils';
 export { useBtnPermissionGate } from './composables/useBtnPermissionGate';
-export type { BtnPermissionInput, BtnPermissionMode, BtnPermissionChecker } from './utils';
+export type { BtnPermissionInput, BtnPermissionMode, BtnPermissionChecker, StatusCountItem, StatusCountLookup, StatusTabListItem, StatusTabItem, StyledExportOptions, } from './utils';
 export { createRouterGuard, buildRouteTree, transformBackendRoutes, findFirstAllowedRoute, getComponentImport } from './router';
 export type { BackendRoute, RouteStoreAdapter, PermissionStoreAdapter, UserStoreAdapter, RouterGuardOptions } from './router';
 export type { ButtonType, ButtonSize } from './components/JButton';
@@ -37,5 +38,6 @@ export type { AdminLayoutMenuItem, JAdminLayoutProps } from './components/JAdmin
 export type { JProductDetailDialogProps, JSkuLinkProps, JProductRequestFn, JProductRequestConfig, } from './components/JProductDetail';
 export type { JSearchInputDialogProps, SearchInputOption, SearchInputModel, } from './components/JSearchInputDialog';
 export type { JRemoteSelectProps, RemoteSelectFetchApi, RemoteSelectModelValue, } from './components/JRemoteSelect';
+export type { JProductSelectDialogProps, JProductSelectFetchApi, JProductSelectListResult, } from './components/JProductSelectDialog';
 export type { DocDetailType, DocDetailAdapters, DocDetailRegistryItem, DocDetailComponents, CreateDocDetailOptions, } from './components/JDocDetail';
 export type { RelatedListAdapter, RelatedDocTypeItem, CreateRelatedDocsOptions, RelatedDocsContainerProps, } from './components/JRelatedDocs';