@peng_kai/kit 0.3.0-beta.13 → 0.3.0-beta.14

package/admin/components/date/helpers.ts

@@ -48,20 +48,20 @@ export const datetime = {
    * 将日期范围转换为 API 参数格式的时间戳范围
    * @param days 时间范围元组，包含开始和结束时间
    * @param unit 时间单位，默认为 'day'
-   * @param useTz 是否使用时区，默认为 true
+   * @param useAppTz 是否使用时区，默认为 true
    * @param keys 可选的键名元组，默认为 ['start_time', 'end_time']
    * @returns 返回一个对象，包含开始和结束时间的时间戳
    */
-  toTsRangeForApiParams<KS extends readonly [string, string] = ['start_time', 'end_time']>(
+  toRangeForApiParams<KS extends readonly [string, string] = ['start_time', 'end_time']>(
     days: Array<OfDayType | undefined | null> | undefined | null,
     unit: UnitType = 'day', 
-    useTz: boolean = true,
+    useAppTz: boolean = true,
     keys?: KS
   ) {
     if (!days || !days[0] || !days[1])
       return undefined;
 
-    const tz = useTz ? getTtaTimeZone().value : dayjs.tz.guess();
+    const tz = useAppTz ? getTtaTimeZone().value : dayjs.tz.guess();
     const _keys = (Array.isArray(keys) && keys?.length > 1) ? keys : ['start_time', 'end_time'];
 
     type RetType = KS extends readonly [string, string]
@@ -76,48 +76,58 @@ export const datetime = {
   /**
    * 将日期范围转换为表单使用的时间范围
    * @param days 时间范围元组，包含开始和结束时间
-   * @param unit 时间单位，默认为 'day'
-   * @returns 返回一个包含开始和结束时间的元组，格式为 [start, end]，其中 start 和 end 是 dayjs 对象
+   * @param defaultRangeUnit 默认的时间范围单位，如果未提供，则返回 undefined
+   * @return 返回一个包含开始和结束时间的元组，格式为 dayjs 对象
    */
   toRangeForForm(
     days: Array<OfDayType | string | undefined | null>,
-    unit: UnitType = 'day', 
+    defaultRangeUnit?: UnitType, 
   ) {
+    const getDefaultRange = () => {
+      const now = dayjs();
+      return defaultRangeUnit 
+        ? [now.startOf(defaultRangeUnit), now.endOf(defaultRangeUnit)] as [dayjs.Dayjs, dayjs.Dayjs] 
+        : undefined;
+    }
+
     if (!days || !days[0] || !days[1])
-      return undefined;
+      return getDefaultRange();
 
-    const sDay = dayjs(typeof days[0] === 'string' ? Number(days[0]) : days[0].valueOf());
-    const eDay = dayjs(typeof days[1] === 'string' ? Number(days[1]) : days[1].valueOf());
+    // const sDay = dayjs(typeof days[0] === 'string' ? Number(days[0]) : days[0].valueOf());
+    // const eDay = dayjs(typeof days[1] === 'string' ? Number(days[1]) : days[1].valueOf());
+    const [sDay, eDay] = days.map(d => dayjs(typeof d === 'string' ? Number(d) : d?.valueOf()));
 
     if (!sDay.isValid() || !eDay.isValid())
-      return undefined;
+      return getDefaultRange();
 
-    return [sDay.startOf(unit), eDay.endOf(unit)] as [dayjs.Dayjs, dayjs.Dayjs];
+    return [sDay, eDay] as [dayjs.Dayjs, dayjs.Dayjs];
   },
   /**
    * 获取指定日期的开始时间
    * @param unit 时间单位
    * @param day 日期对象
+   * @param useAppTz 是否使用应用时区，默认为 true
    * @returns 返回指定日期的开始时间，格式为 dayjs 对象
    */
-  ofStart(unit: UnitType, day: OfDayType) {
+  ofStart(unit: UnitType, day: OfDayType, useAppTz = true) {
     if (!day)
       return undefined;
 
-    const tz = getTtaTimeZone().value;
+    const tz = useAppTz ? getTtaTimeZone().value : dayjs.tz.guess();
     return dayjs(day.valueOf()).tz(tz).startOf(unit);
   },
   /**
    * 获取指定日期的结束时间
    * @param unit 时间单位
    * @param day 日期对象
+   * @param useAppTz 是否使用应用时区，默认为 true
    * @returns 返回指定日期的结束时间，格式为 dayjs 对象
    */
-  ofEnd(unit: UnitType, day: OfDayType) {
+  ofEnd(unit: UnitType, day: OfDayType, useAppTz = true) {
     if (!day)
       return undefined;
 
-    const tz = getTtaTimeZone().value;
+    const tz = useAppTz ? getTtaTimeZone().value : dayjs.tz.guess();
     return dayjs(day.valueOf()).tz(tz).endOf(unit);
   },
 }
@@ -201,10 +211,9 @@ export function useRangePickerPropsForTz(
     const newTzOffset = dayjs().tz(newV).utcOffset();
     const oldTzOffset = dayjs().tz(oldV).utcOffset();
     value.value = [
-      dayjs(v[0]).add((oldTzOffset - newTzOffset) * 60 * 1000),
-      dayjs(v[1]).add((oldTzOffset - newTzOffset) * 60 * 1000),
+      dayjs(v[0].valueOf()).add((oldTzOffset - newTzOffset) * 60 * 1000),
+      dayjs(v[1].valueOf()).add((oldTzOffset - newTzOffset) * 60 * 1000),
     ]
-    console.log('🤡 / value.value:', value.value[0].valueOf())
   });
 
   return reactive({

package/admin/components/filter/src/FilterReset.vue

@@ -16,6 +16,7 @@ const props = withDefaults(defineProps<{
 const emits = defineEmits<{
   (e: 'filter'): void
   (e: 'reset'): void
+  (e: 'setColumnsConfig', columnsConfig: any): void
 }>();
 
 const loading = computed(() => {
@@ -48,7 +49,12 @@ function openTableSettingModal() {
     title: typeof x.title === 'string' ? x.title : x.dataIndex || '',
   })) || [];
 
-  TableSettingModal.open({ tableColumns });
+  TableSettingModal.open({ tableColumns })?.then((res) => {
+    TableSettingModal.close();
+    if (res) {
+      emits('setColumnsConfig', res);
+    }
+  });
 }
 
 onTtaTimeZone(() => {

package/admin/components/filter/src/more/TableSetting.vue

@@ -3,6 +3,7 @@ import { RadioGroup,type TableColumnsType } from 'ant-design-vue';
 import { reactive, defineAsyncComponent, ref } from 'vue';
 import { useDragAndDrop } from "fluid-dnd/vue";
 import { useAntdModal } from '../../../../../antd/hooks/useAntdModal';
+import { type ColumnConfig } from '../../../../../antd/hooks/useAntdTable';
 
 export const TableSettingModal = useAntdModal(
   // eslint-disable-next-line import/no-self-import
@@ -24,6 +25,7 @@ const columnsConfig = ref(props.tableColumns.map((col: any) => ({
   title: col.title as string,
   dataIndex: col.dataIndex as string,
   visible: col.visible !== false,
+  compact: col.compact === true,
 })));
 const columnsShowOptions = reactive(Object.fromEntries(props.tableColumns.map((col: any) => {
   const options = [{ label: '显示', value: 'show' }, { label: '隐藏', value: 'hidden' }];
@@ -40,6 +42,18 @@ const [$ctn] = useDragAndDrop(columnsConfig, {
   draggingClass: 'op-50',
   direction: 'vertical',
 });
+
+defineExpose({
+  confirm(_: any, resolve: (data: any) => void) {
+    const newColumnsConfig = columnsConfig.value.map((col) => ({
+        ...col,
+        visible: columnsShowValue[col.dataIndex] !== 'hidden',
+        compact: columnsShowValue[col.dataIndex] === 'compact',
+      })) as ColumnConfig[];
+    resolve(newColumnsConfig);
+    return true;
+  },
+})
 </script>
 
 <template>

package/admin/layout/large/Notice.vue

@@ -5,7 +5,7 @@ import { type UseQueryReturnType } from '@tanstack/vue-query'
 import { watch, ref, computed } from 'vue'
 import dayjs from '../../../libs/dayjs';
 import { useRouter } from 'vue-router';
-import audioURL from './y682.mp3';
+import audioURL from './y682.mp3?url';
 
 const noticeAudio = new Audio(audioURL);
 noticeAudio.src = audioURL;
@@ -88,7 +88,7 @@ useIntervalFn(() => {
         <i class="i-ri:notification-4-line block text-5" :class="{ shake: !!noticeNum }" />
       </div>
       <template #overlay>
-        <Menu v-if="noticeNum" @click="visible = false">
+        <Menu v-if="noticeNum" @click="visible = false" class="max-h-100 overflow-y-auto">
           <MenuItem v-for="(item, i) of noticesQry.data.value" :key="i" @click="operate(item)">
           <div class="min-w-50">
             <div>{{ item.title }}</div>

package/antd/hooks/useAntdModal.ts

@@ -53,8 +53,10 @@ export function useAntdModal<Comp extends Component>(
     ...defaultModalProps,
     ...isProxy(modalProps) ? toRefs(modalProps) : modalProps,
     confirmLoading: toRef(() => (refs.comp as any)?.loading),
-    onOk: (e: MouseEvent) => {
-      (refs.comp as any)?.confirm?.(e);
+    onOk: async (e: MouseEvent) => {
+      const comp = refs.comp as any;
+      const isClosed = await comp?.confirm?.(e, (data: any) => promiseResolvers?.resolve(data));
+      // isClosed  === true && (_modalProps.open = false);
       modalProps.onOk?.(e);
     },
   });
@@ -96,11 +98,11 @@ export function useAntdModal<Comp extends Component>(
 
     return promiseResolvers.promise;
   };
-  const confirm = (ev: any) => {
+  const onConfirm = (ev: any) => {
     _modalProps.open = false;
     promiseResolvers.resolve(ev);
   };
-  const close = (reason?: any) => {
+  const onClose = (reason?: any) => {
     _modalProps.open = false;
     _onClose(reason);
   };
@@ -122,8 +124,8 @@ export function useAntdModal<Comp extends Component>(
     !visiable && _onClose();
   };
   (compProps as any).ref = setRefs.comp;
-  (compProps as any).onClose = close;
-  (compProps as any).onConfirm = confirm;
+  (compProps as any).onClose = onClose;
+  (compProps as any).onConfirm = onConfirm;
 
   tryOnBeforeUnmount(_onClose);
   onDeactivated(_onClose);
@@ -136,6 +138,6 @@ export function useAntdModal<Comp extends Component>(
       return refs.comp;
     },
     open,
-    close,
+    close: onClose,
   };
 }

package/antd/hooks/useAntdTable.ts

@@ -54,7 +54,7 @@ export function useAntdTable<
       }
     }
   };
-  const { defineColumns } = useTableColumns<LocalColumnsType>();
+  const { defineColumns, setColumnsConfig } = useTableColumns<LocalColumnsType>();
   const defineRowSelection = (rowSelectionGetter: () => LocalTableRowSelection = () => ({})) => {
     const rowSelection = reactive(rowSelectionGetter());
 
@@ -114,8 +114,10 @@ export function useAntdTable<
     dataIndexs,
     /** 【类型辅助】bodyCell 插槽数据的精确类型描述 */
     bodyCellType,
-    /** 【类型辅助】用于定义出类型精确的 columns  */
+    /** 用于定义 columns  */
     defineColumns,
+    /** 用于设置 columns 的配置 */
+    setColumnsConfig,
     /** 【类型辅助】用于定义出类型精确的 rowSelection  */
     defineRowSelection,
     /** 内置的 ATable onChange 事件，默认在 `tableProps` 中 */
@@ -129,8 +131,9 @@ type GetRecordType<T> = T extends UseQueryReturnType<infer D, any>
     : never
   : never;
 
+export type ColumnConfig = { title: string, dataIndex: string, visible: boolean, compact: boolean }
+
 function useTableColumns<LCT extends any[]>() {
-  type ColumnConfig = {title: string, dataIndex: string, visible: boolean}
 
   const columnsConfig = ref<Array<ColumnConfig> | null>(null);
   let originalColumns: LCT | null = null;
@@ -143,11 +146,18 @@ function useTableColumns<LCT extends any[]>() {
       let columns = columnsGetter();
 
       if (config?.length) {
-        // 过滤掉不可见的列
-        columns = columns.filter((col: any) => {
+        columns = columns.map((col: any) => {
           const x = config.find(c => c.dataIndex === col.dataIndex);
-          return x ? x.visible : true;
+          if (x) {
+            return { ...col, visible: x.visible, compact: x.compact,};
+          }
+          return col;
         }) as LCT;
+        // 过滤掉不可见的列
+        // columns = columns.filter((col: any) => {
+        //   const x = config.find(c => c.dataIndex === col.dataIndex);
+        //   return x ? x.visible : true;
+        // }) as LCT;
         // 基于 config 的顺序排序
         columns = config.map(x => {
           const col = columns.find(c => c.dataIndex === x.dataIndex);
@@ -161,18 +171,12 @@ function useTableColumns<LCT extends any[]>() {
 
   const setColumnsConfig = (columns: Array<ColumnConfig>) => {
     columnsConfig.value = columns;
-
-    // if (!columnsConfig.value) {
-    //   columnsConfig.value = originalColumns?.map(col => ({
-    //     title: col.title,
-    //     dataIndex: col.dataIndex as string,
-    //     visible: true,
-    //   })) || [];
-    // }
+    console.log('🤡 / columns:', columns);
   };
 
 
   return {
     defineColumns,
+    setColumnsConfig
   };
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@peng_kai/kit",
   "type": "module",
-  "version": "0.3.0-beta.13",
+  "version": "0.3.0-beta.14",
   "description": "",
   "author": "",
   "license": "ISC",