@owocow/saber-ui 0.1.13 → 0.1.15

package/dist/composables/use-page-header.mjs

@@ -1,24 +1,36 @@
-import { reactive as c, provide as o, inject as r, watchEffect as u, toValue as i, onBeforeUnmount as d, ref as f } from "vue";
-const n = Symbol.for("@owocow/saber-ui:page-header-state"), a = Symbol.for(
+import { reactive as E, provide as r, ref as t, inject as i, watchEffect as d, toValue as a, onBeforeUnmount as _ } from "vue";
+const u = Symbol.for("@owocow/saber-ui:page-header-state"), c = Symbol.for(
   "@owocow/saber-ui:page-header-suffix-target"
+), s = Symbol.for(
+  "@owocow/saber-ui:page-header-description-target"
+), f = Symbol.for(
+  "@owocow/saber-ui:page-header-title-suffix-target"
 );
-function l(t) {
-  const e = c({ title: void 0, description: void 0 });
-  return o(n, e), o(a, t), e;
+function g(o, e = t(null), l = t(null)) {
+  const n = E({ title: void 0, description: void 0 });
+  return r(u, n), r(c, o), r(s, e), r(f, l), n;
 }
-function E(t) {
-  const e = r(n, null);
-  e && (u(() => {
-    e.title = i(t.title), e.description = i(t.description);
-  }), d(() => {
+function A(o) {
+  const e = i(u, null);
+  e && (d(() => {
+    e.title = a(o.title), e.description = a(o.description);
+  }), _(() => {
     e.title = void 0, e.description = void 0;
   }));
 }
-function p() {
-  return r(a, f(null));
+function T() {
+  return i(c, t(null));
+}
+function P() {
+  return i(s, t(null));
+}
+function S() {
+  return i(f, t(null));
 }
 export {
-  l as providePageHeader,
-  E as usePageHeader,
-  p as usePageHeaderSuffix
+  g as providePageHeader,
+  A as usePageHeader,
+  P as usePageHeaderDescription,
+  T as usePageHeaderSuffix,
+  S as usePageHeaderTitleSuffix
 };

package/dist/composables/use-table.d.ts

@@ -54,4 +54,5 @@ export declare function useTable<A extends ApiFn, T = any>(config: TableConfig<A
     total: import('vue').ComputedRef<number>;
     startLoading: () => void;
     endLoading: () => void;
+    showPagination: import('vue').ComputedRef<boolean>;
 };

package/dist/composables/use-table.mjs

@@ -1,18 +1,18 @@
-import { reactive as z, ref as N, watch as h, computed as R } from "vue";
-import { klona as b } from "klona/json";
-import { useBoolean as C } from "./use-boolean.mjs";
-import { useLoading as D } from "./use-loading.mjs";
-function I(n) {
-  const e = n == null ? void 0 : n.data;
+import { reactive as z, ref as C, watch as h, computed as b } from "vue";
+import { klona as w } from "klona/json";
+import { useBoolean as D } from "./use-boolean.mjs";
+import { useLoading as I } from "./use-loading.mjs";
+function W(n) {
+  const a = n == null ? void 0 : n.data;
   return {
-    rows: Array.isArray(e == null ? void 0 : e.rows) ? e.rows : [],
-    total: Number((e == null ? void 0 : e.total) ?? 0)
+    rows: Array.isArray(a == null ? void 0 : a.rows) ? a.rows : [],
+    total: Number((a == null ? void 0 : a.total) ?? 0)
   };
 }
-function H(n) {
-  const { loading: e, startLoading: d, endLoading: g } = D(), { bool: y, setBool: w } = C(), { apiFn: j, apiParams: f, transformer: p, responseAdapter: P, immediate: O = !0, paginConfig: k } = n, s = z(b({ ...f })), S = N([]), { pageSizes: v, pageSize: x, disabled: A = !1 } = k || {}, t = z({
-    pageSizes: v || [10, 20, 50, 100],
-    pageSize: x || 10,
+function J(n) {
+  const { loading: a, startLoading: g, endLoading: d } = I(), { bool: y, setBool: j } = D(), { apiFn: O, apiParams: f, transformer: p, responseAdapter: P, immediate: k = !0, paginConfig: v } = n, i = z(w({ ...f })), S = C([]), { pageSizes: x, pageSize: A, disabled: E = !1 } = v || {}, t = z({
+    pageSizes: x || [10, 20, 50, 100],
+    pageSize: A || 10,
     currentPage: 1,
     total: 0
   });
@@ -20,68 +20,71 @@ function H(n) {
   h(
     () => t.currentPage,
     () => {
-      u || i();
+      u || s();
     },
     { flush: "sync" }
   ), h(
     () => t.pageSize,
     () => {
-      u = !0, t.currentPage = 1, u = !1, i();
+      u = !0, t.currentPage = 1, u = !1, s();
     },
     { flush: "sync" }
   );
-  function E(a) {
+  function L(e) {
     const o = t.currentPage || 1, c = t.pageSize > 0 ? t.pageSize : 10;
-    return a.map((m, r) => ({
+    return e.map((m, r) => ({
       ...m,
       _index: (o - 1) * c + r + 1
     }));
   }
-  async function i() {
-    var a;
-    d();
+  async function s() {
+    var e;
+    g();
     try {
-      const o = T(s), c = await j(o), m = P ? P(c) : I(c), r = E(m.rows), l = p ? p(r) : r;
-      return t.total = m.total, S.value = l, w(l.length === 0), await ((a = n.onFetched) == null ? void 0 : a.call(n, l)), l;
+      const o = B(i), c = await O(o), m = P ? P(c) : W(c), r = L(m.rows), l = p ? p(r) : r;
+      return t.total = m.total, S.value = l, j(l.length === 0), await ((e = n.onFetched) == null ? void 0 : e.call(n, l)), l;
     } finally {
-      g();
+      d();
     }
   }
-  function L() {
-    return A ? {} : {
+  function T() {
+    return E ? {} : {
       pageNum: t.currentPage,
       pageSize: t.pageSize
     };
   }
-  function T(a) {
-    const o = {}, c = { ...L(), ...a };
+  function B(e) {
+    const o = {}, c = { ...T(), ...e };
     return Object.entries(c).forEach(([m, r]) => {
       r != null && r !== "" && (o[m] = r);
     }), o;
   }
-  function B(a) {
-    return Object.assign(s, a), i();
+  function F(e) {
+    return Object.assign(i, e), s();
   }
-  function F() {
+  function N() {
     u = !0, t.currentPage = 1, u = !1;
-    const a = b({ ...f });
-    return Object.keys(s).forEach((o) => delete s[o]), Object.assign(s, a), i();
+    const e = w({ ...f });
+    return Object.keys(i).forEach((o) => delete i[o]), Object.assign(i, e), s();
   }
-  return O && i(), {
-    loading: e,
+  k && s();
+  const R = b(() => !a && t.total && t.total >= t.pageSize);
+  return {
+    loading: a,
     empty: y,
     data: S,
-    getData: i,
-    params: s,
-    updateSearchParams: B,
-    resetSearchParams: F,
+    getData: s,
+    params: i,
+    updateSearchParams: F,
+    resetSearchParams: N,
     pagination: t,
-    total: R(() => t.total),
-    startLoading: d,
-    endLoading: g
+    total: b(() => t.total),
+    startLoading: g,
+    endLoading: d,
+    showPagination: R
   };
 }
 export {
-  I as normalizeTableResponse,
-  H as useTable
+  W as normalizeTableResponse,
+  J as useTable
 };

package/dist/composables.mjs

@@ -1,25 +1,27 @@
-import { useBoolean as r } from "./composables/use-boolean.mjs";
-import { useLoading as t } from "./composables/use-loading.mjs";
-import { settleConfirm as f, useConfirm as m, useConfirmState as u } from "./composables/use-confirm.mjs";
-import { useDelete as n } from "./composables/use-delete.mjs";
-import { useSkeleton as l } from "./composables/use-skeleton.mjs";
-import { useDelayUnmount as i } from "./composables/use-delay-unmount.mjs";
+import { useBoolean as o } from "./composables/use-boolean.mjs";
+import { useLoading as a } from "./composables/use-loading.mjs";
+import { settleConfirm as f, useConfirm as u, useConfirmState as m } from "./composables/use-confirm.mjs";
+import { useDelete as i } from "./composables/use-delete.mjs";
+import { useSkeleton as x } from "./composables/use-skeleton.mjs";
+import { useDelayUnmount as l } from "./composables/use-delay-unmount.mjs";
 import { useAddressParse as P } from "./composables/use-address-parse.mjs";
-import { providePageHeader as H, usePageHeader as S, usePageHeaderSuffix as b } from "./composables/use-page-header.mjs";
-import { normalizeTableResponse as T, useTable as k } from "./composables/use-table.mjs";
+import { providePageHeader as S, usePageHeader as C, usePageHeaderDescription as D, usePageHeaderSuffix as T, usePageHeaderTitleSuffix as b } from "./composables/use-page-header.mjs";
+import { normalizeTableResponse as k, useTable as v } from "./composables/use-table.mjs";
 export {
-  T as normalizeTableResponse,
-  H as providePageHeader,
+  k as normalizeTableResponse,
+  S as providePageHeader,
   f as settleConfirm,
   P as useAddressParse,
-  r as useBoolean,
-  m as useConfirm,
-  u as useConfirmState,
-  i as useDelayUnmount,
-  n as useDelete,
-  t as useLoading,
-  S as usePageHeader,
-  b as usePageHeaderSuffix,
-  l as useSkeleton,
-  k as useTable
+  o as useBoolean,
+  u as useConfirm,
+  m as useConfirmState,
+  l as useDelayUnmount,
+  i as useDelete,
+  a as useLoading,
+  C as usePageHeader,
+  D as usePageHeaderDescription,
+  T as usePageHeaderSuffix,
+  b as usePageHeaderTitleSuffix,
+  x as useSkeleton,
+  v as useTable
 };

package/dist/control-size.d.ts

@@ -0,0 +1,33 @@
+export declare const SABER_CONTROL_SIZE_CONFIG: {
+    readonly xs: {
+        readonly height: "h-6";
+        readonly square: "size-6";
+        readonly paginationButtons: "[&_button]:h-6";
+        readonly nuxtSize: "xs";
+    };
+    readonly sm: {
+        readonly height: "h-7";
+        readonly square: "size-7";
+        readonly paginationButtons: "[&_button]:h-7";
+        readonly nuxtSize: "sm";
+    };
+    readonly sl: {
+        readonly height: "h-8";
+        readonly square: "size-8";
+        readonly paginationButtons: "[&_button]:h-8";
+        readonly nuxtSize: "sm";
+    };
+    readonly md: {
+        readonly height: "h-9";
+        readonly square: "size-9";
+        readonly paginationButtons: "[&_button]:h-9";
+        readonly nuxtSize: "md";
+    };
+    readonly lg: {
+        readonly height: "h-10";
+        readonly square: "size-10";
+        readonly paginationButtons: "[&_button]:h-10";
+        readonly nuxtSize: "lg";
+    };
+};
+export type SaberControlSize = keyof typeof SABER_CONTROL_SIZE_CONFIG;

package/dist/forms/components/SaberFilterBar.vue.d.ts

@@ -1,8 +1,10 @@
+import { SaberControlSize } from '../../control-size';
 import { FilterField } from '../types';
 type __VLS_Props = {
     fields: FilterField[];
     /** 与该值相同的字段视为未筛选。 */
     initialParams?: Record<string, unknown> | null;
+    size?: SaberControlSize;
 };
 type __VLS_PublicProps = {
     modelValue?: Record<string, unknown>;
@@ -30,6 +32,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     onReset?: (() => any) | undefined;
     onRefresh?: (() => any) | undefined;
 }>, {
+    size: SaberControlSize;
     initialParams: Record<string, unknown> | null;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/forms/components/SaberFormModal.vue.d.ts

@@ -1,3 +1,4 @@
+import { SaberControlSize } from '../../control-size';
 import { FormField, FormSubmitHandler, FormValidator } from '../types';
 declare const _default: <T extends Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
@@ -17,6 +18,7 @@ declare const _default: <T extends Record<string, unknown>>(__VLS_props: NonNull
         cancelLabel?: string;
         submitLabel?: string;
         closeOnSuccess?: boolean;
+        fieldSize?: SaberControlSize;
     }) & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;

package/dist/forms/components/fields/SaberDistrictSelect.vue.d.ts

@@ -1,10 +1,14 @@
 import { DistrictNode, DistrictValue } from '../../types';
+type SaberDistrictSelectSize = 'xs' | 'sm' | 'md' | 'lg';
+type SaberDistrictSelectUI = Record<string, string | undefined>;
 type __VLS_Props = {
     districts?: readonly DistrictNode[];
     placeholder?: string;
     clearable?: boolean;
     disabled?: boolean;
     loading?: boolean;
+    size?: SaberDistrictSelectSize;
+    ui?: SaberDistrictSelectUI;
 };
 type __VLS_PublicProps = {
     modelValue?: DistrictValue | undefined;
@@ -23,6 +27,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
 }>, {
     loading: boolean;
     placeholder: string;
+    size: SaberDistrictSelectSize;
     disabled: boolean;
     clearable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/dist/forms/components/fields/SaberInput.vue.d.ts

@@ -1,5 +1,9 @@
+import { SaberControlSize } from '../../../control-size';
+type SaberInputUI = Record<string, string | undefined>;
 type __VLS_Props = {
     clearable?: boolean;
+    size?: SaberControlSize;
+    ui?: SaberInputUI;
 };
 type __VLS_PublicProps = {
     modelValue?: string | number | undefined;
@@ -11,6 +15,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     onChange?: ((value: string | number | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
 }>, {
+    size: SaberControlSize;
     clearable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/forms/components/fields/SaberInputNumber.vue.d.ts

@@ -1,11 +1,19 @@
+import { SaberControlSize } from '../../../control-size';
+type SaberInputNumberUI = Record<string, string | undefined>;
+type __VLS_Props = {
+    size?: SaberControlSize;
+    ui?: SaberInputNumberUI;
+};
 type __VLS_PublicProps = {
     modelValue?: number | undefined;
-};
+} & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (value: number | undefined) => any;
     "update:modelValue": (value: number | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onChange?: ((value: number | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {
+    size: SaberControlSize;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/forms/components/fields/SaberPopSelect.vue.d.ts

@@ -1,3 +1,4 @@
+import { SaberControlSize } from '../../../control-size';
 import { PopSelectOption } from '../../types';
 type __VLS_Props = {
     items?: PopSelectOption[];
@@ -5,6 +6,7 @@ type __VLS_Props = {
     multiple?: boolean;
     clearable?: boolean;
     disabled?: boolean;
+    size?: SaberControlSize;
 };
 type __VLS_PublicProps = {
     modelValue?: any;
@@ -17,9 +19,10 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
     placeholder: string;
+    size: SaberControlSize;
+    items: PopSelectOption[];
     disabled: boolean;
     multiple: boolean;
     clearable: boolean;
-    items: PopSelectOption[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/forms/components/fields/SaberSelect.vue.d.ts

@@ -1,11 +1,19 @@
+import { SaberControlSize } from '../../../control-size';
+type SaberSelectUI = Record<string, string | undefined>;
+type __VLS_Props = {
+    size?: SaberControlSize;
+    ui?: SaberSelectUI;
+};
 type __VLS_PublicProps = {
     modelValue?: any;
-};
+} & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (value: any) => any;
     "update:modelValue": (value: any) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onChange?: ((value: any) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {
+    size: SaberControlSize;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/forms/dict-select.mjs

@@ -1,4 +1,4 @@
-import { _ as f } from "../SaberDictSelect.vue_vue_type_script_setup_true_lang-B8PTKNKX.js";
+import { _ as f } from "../SaberDictSelect.vue_vue_type_script_setup_true_lang-BKdOdlFX.js";
 export {
   f as default
 };

package/dist/forms/district-select.mjs

@@ -1,4 +1,4 @@
-import { _ as f } from "../SaberDistrictSelect.vue_vue_type_script_setup_true_lang-BX8nLC35.js";
+import { _ as f } from "../SaberDistrictSelect.vue_vue_type_script_setup_true_lang-jkl2AOay.js";
 export {
   f as default
 };

package/dist/forms/index.d.ts

@@ -1,3 +1,4 @@
+export type { SaberControlSize } from '../control-size';
 export { default as SaberFilterBar } from './components/SaberFilterBar.vue';
 export { default as SaberFormModal } from './components/SaberFormModal.vue';
 export { default as SaberModal } from './components/SaberModal.vue';

package/dist/forms/pop-select.mjs

@@ -1,4 +1,4 @@
-import { _ as f } from "../SaberPopSelect.vue_vue_type_script_setup_true_lang-BcS27NXI.js";
+import { _ as f } from "../SaberPopSelect.vue_vue_type_script_setup_true_lang-eH8jkkzK.js";
 export {
   f as default
 };

package/dist/forms.mjs

@@ -1,10 +1,10 @@
-import { F as r, _ as s, a as o, b as t, c as i, d as c, e as m, f as S, g as p, h as b, i as l, j as u, k as D, l as f, r as x, u as n } from "./plugin-Dr3z0YFg.js";
+import { F as r, _ as s, a as o, b as t, c as i, d as c, e as m, f as S, g as p, h as b, i as l, j as u, k as D, l as f, r as x, u as n } from "./plugin-Cg7MKH3t.js";
 import { _ } from "./SaberModal.vue_vue_type_script_setup_true_lang-DJno3jA3.js";
 import { _ as g } from "./SaberDictCheckbox.vue_vue_type_script_setup_true_lang-DUbzy_C6.js";
 import { _ as v, a as R } from "./SaberDictRadio.vue_vue_type_script_setup_true_lang-DR6-jSID.js";
-import { _ as C } from "./SaberDictSelect.vue_vue_type_script_setup_true_lang-B8PTKNKX.js";
-import { _ as K } from "./SaberPopSelect.vue_vue_type_script_setup_true_lang-BcS27NXI.js";
-import { _ as U } from "./SaberDistrictSelect.vue_vue_type_script_setup_true_lang-BX8nLC35.js";
+import { _ as C } from "./SaberDictSelect.vue_vue_type_script_setup_true_lang-BKdOdlFX.js";
+import { _ as K } from "./SaberPopSelect.vue_vue_type_script_setup_true_lang-eH8jkkzK.js";
+import { _ as U } from "./SaberDistrictSelect.vue_vue_type_script_setup_true_lang-jkl2AOay.js";
 import { _ as k } from "./SaberUploadImage.vue_vue_type_script_setup_true_lang-CAwci2Vr.js";
 import { D as G, u as j } from "./use-dict-options-DjtbYYIa.js";
 import { U as N } from "./upload-image-source-On8NHgmx.js";

package/dist/index.d.ts

@@ -6,6 +6,7 @@ import { default as SaberConfirmProvider } from './components/SaberConfirmProvid
 import { default as SaberInfo } from './components/SaberInfo.vue';
 import { default as SaberInfoProvider } from './components/SaberInfoProvider.vue';
 import { default as SaberModalWithMobile } from './components/SaberModalWithMobile.vue';
+import { default as SaberPagination } from './components/SaberPagination.vue';
 import { default as SaberStatus } from './components/SaberStatus.vue';
 import { default as SaberSwitchBar } from './components/SaberSwitchBar.vue';
 import { default as SaberAppLayout } from './components/layout/SaberAppLayout.vue';
@@ -25,6 +26,7 @@ import { default as SaberRadioGroup } from './forms/components/fields/SaberRadio
 import { default as SaberSelect } from './forms/components/fields/SaberSelect.vue';
 import { default as SaberTextarea } from './forms/components/fields/SaberTextarea.vue';
 import { SaberFormsOptions } from './forms/plugin';
+export type { SaberControlSize } from './control-size';
 export interface SaberUIOptions {
     forms?: SaberFormsOptions;
 }
@@ -34,7 +36,7 @@ export { BadgeStatus as SaberBadgeStatus };
 export type { BadgeStatusProps } from './BadgeStatus.types';
 export { SaberNoData };
 export type { SaberNoDataProps } from './SaberNoData.types';
-export { SaberConfirmModal, SaberConfirmProvider, SaberInfo, SaberInfoProvider, SaberModalWithMobile, SaberAppLayout, SaberAppSidebar, SaberNavigationSearch, SaberStatus, SaberSwitchBar, };
+export { SaberConfirmModal, SaberConfirmProvider, SaberInfo, SaberInfoProvider, SaberModalWithMobile, SaberPagination, SaberAppLayout, SaberAppSidebar, SaberNavigationSearch, SaberStatus, SaberSwitchBar, };
 export type { SaberInfoContext, SaberInfoMode, SaberInfoProps, SaberInfoVariant } from './components/SaberInfo.types';
 export type { SaberStatusType } from './components/SaberStatus.types';
 export type { SaberSwitchBarItem, SaberSwitchBarUI, SaberSwitchBarValue } from './components/SaberSwitchBar.types';
@@ -53,6 +55,7 @@ declare module 'vue' {
         SaberInfo: typeof SaberInfo;
         SaberInfoProvider: typeof SaberInfoProvider;
         SaberModalWithMobile: typeof SaberModalWithMobile;
+        SaberPagination: typeof SaberPagination;
         SaberStatus: typeof SaberStatus;
         SaberSwitchBar: typeof SaberSwitchBar;
         SaberAppSidebar: typeof SaberAppSidebar;