@dazhicheng/ui 1.5.6 → 1.5.8

package/dist/components/types.d.ts

@@ -0,0 +1,227 @@
+import { VxeGridPropTypes, VxeTablePropTypes } from 'vxe-table';
+import { TtTableProps } from './tt-table/src/types/table';
+export type Fn<T = any, R = T> = (...arg: T[]) => R;
+export type Nullable<T> = T | null;
+export type Recordable<T = any> = Record<string, T>;
+export type TtUiGlobalConfig = {
+    /**
+     * 登录的用户id
+     */
+    userId?: string | number;
+    table?: {
+        /** 自定义列服务端配置的key，支持函数动态获取 */
+        columnsKey?: string | (() => string);
+        /** 自定义列服务端配置接口 - 获取 */
+        getColumnsApi?: (params: {
+            permissionOnlyCode: string;
+            userId: string | number;
+        }) => Promise<{
+            data: any;
+        }>;
+        /** 自定义列服务端配置接口 - 当没有id值得时候 */
+        setColumnsApi?: (params: {
+            permissionOnlyCode: string;
+            json: string;
+            userId: string | number;
+        }) => Promise<any>;
+        /** 自定义列服务端配置接口 - 当有id值得时候 */
+        updateColumnsApi?: (params: {
+            permissionOnlyCode: string;
+            json: string;
+            userId: string | number;
+        }) => Promise<any>;
+        /**
+         * 是否开启服务端缓存
+         * @default-false
+         */
+        useHttpCache?: boolean;
+        /**
+         * 默认展示的列
+         * @default-[]
+         */
+        defaultDisplayFields?: string[];
+        /**
+         * 是否开启框选到checkbox自动勾选 field
+         * @default-false
+         * @deprecated 使用 checkboxConfig.range 替换
+         */
+        isAreaCheckboxSelection?: boolean;
+        /**
+         * 当前页数 field
+         * @default-pageIndex
+         */
+        currentPageField?: string;
+        /**
+         * 当前页的大小 field
+         * @default-pageSize
+         */
+        pageSizeField?: string;
+        /**
+         * 总数 field
+         * @default-total
+         */
+        totalField?: string;
+        /**
+         * 数据的 field
+         * @default-list
+         */
+        dataField?: string;
+        /**
+         * 表格行id
+         * @default-id
+         */
+        tableRowId?: string;
+        /**
+         * 请求的状态码
+         * @default-200
+         * @deprecated
+         */
+        resultCode?: string | number;
+        /**
+         * loading text
+         * @default-loading text
+         */
+        loadingText?: string;
+        /**
+         * empty text
+         * @default-暂无数据
+         */
+        emptyText?: string;
+        /**
+         * empty text
+         * @default-未查询时文案
+         */
+        noSearchText?: string;
+        /**
+         * @default { isClip: true }
+         */
+        keyboardConfig?: VxeTablePropTypes.KeyboardConfig;
+        /**
+         * @default
+         * {
+            selected: false,
+          }
+         */
+        mouseConfig?: VxeTablePropTypes.MouseConfig;
+        /**
+         * @default
+         * {
+            pageSize: 300,
+            pageSizes: [300, 500, 1000, 2000],
+          }
+         */
+        pagerConfig?: VxeGridPropTypes.PagerConfig;
+        /** 复选框配置 */
+        checkboxConfig?: VxeTablePropTypes.CheckboxConfig;
+        /** 单选框配置 */
+        radioConfig?: VxeTablePropTypes.RadioConfig;
+        /** 表格的size */
+        size?: VxeGridPropTypes.Size;
+        /** 表格边框 */
+        border?: "full" | "inner" | boolean;
+        /**
+         * 是否开启缓存
+         * @default-false 不开启
+         */
+        useCache?: boolean;
+        /**
+         * 是否显示右边刷新按钮
+         * @default-true 显示
+         */
+        showRefresh?: boolean;
+        /**
+         * 是否显示右边设置
+         * @default-true 显示
+         */
+        showSetting?: boolean;
+        /**
+         * 是否显示自定义列
+         * @default-true 显示
+         */
+        showSetColumn?: boolean;
+        /** 自定义函数 */
+        customizeColumn?: TtTableProps["customizeColumn"];
+        /** 外部插槽 */
+        getSyncSlotComponent?: TtTableProps["getSyncSlotComponent"];
+        /**
+         * 表格斑马线
+         * @default- false
+         */
+        stripe?: boolean;
+        /**
+         * 请求后的回调
+         * @param data 表格数据
+         * @param res 原始结果数据
+         */
+        afterFetch?: TtTableProps["afterFetch"];
+        /**
+         * 请求前的回调
+         * @param params 请求参数
+         */
+        beforeFetch?: TtTableProps["beforeFetch"];
+        /**
+         * reload 是否重置为第一页
+         * @default true
+         */
+        isReloadResetToFirstPage?: boolean;
+    };
+    form: {
+        /**
+         * 表单的提交按钮字段
+         * @default-查询
+         */
+        submitTitle?: string;
+    };
+    TtSelect?: {
+        /**
+         * 响应结果不分页字段
+         * @default-data
+         */
+        dataField?: string;
+        /**
+         * 响应结果分页字段
+         * @default-data.list
+         */
+        resultField?: string;
+        /** 当前页数 field */
+        currentPageField?: string;
+        /** 当前页的大小 field */
+        pageSizeField?: string;
+        /**
+         * 响应结果分页总数字段 field
+         * @default-data.pagination.total
+         */
+        totalField?: string;
+        /**
+         * 只有一条数据是否默认选中, 需要开启立即加载 暂时只兼容了分页数据
+         * @default-false
+         * @deprecated 使用 defaultSingle 替换
+         */
+        isDefaultSelect?: boolean;
+        /**
+         * 是否需要每次展开加载数据
+         * @default-false
+         */
+        isExpandLoadData?: boolean;
+        /**
+         * 外部值改变是否立即触发emit
+         * @deprecated 兼容旧代码，新开发不要使用
+         */
+        immediateEmitChange?: boolean;
+        /**
+         * 只有一条数据是否默认选中, 需要开启立即加载 暂时只兼容了分页数据
+         * @default-false
+         */
+        defaultSingle?: boolean;
+        /**
+         * 是否选中第一条数据
+         * @default-false
+         */
+        isSelectFirstOption?: boolean;
+        /**
+         * 渲染模式
+         */
+        renderType?: string;
+    };
+};
+export type TtUiGlobalSetup = (options?: TtUiGlobalConfig) => TtUiGlobalConfig;

package/dist/directives/auto-tip/index.d.ts

@@ -0,0 +1,3 @@
+import { Directive } from 'vue';
+declare const autoTip: Directive;
+export default autoTip;

package/dist/directives/dialog-resize/index.d.ts

@@ -0,0 +1,25 @@
+import { ComponentInternalInstance, DirectiveBinding, VNode } from 'vue';
+declare function handle(el: HTMLElement, binding: DirectiveBinding, vnode: any): void;
+/**
+ * element-plus dialog组件大小缩放功能
+ * 不要使用ElDialog自带的 draggable 和 fullscreen
+ * @param draggable Boolean 是否支持拖拽
+ * @param fullscreen Boolean 是否支持全屏
+ * @param resizer Boolean 是否支持自定义大小
+ * @param resizeChange Function 自定义大小改变时触发
+ * @param draggableLimit Number 拖拽上右下左拖动限制 默认 [50,50,50,50]
+ * @param resizerLimit Number 自定义大小限制 默认[260,180]
+ * @example
+ *   <div v-dialogResize="{ draggable: true, resizer: true, resizeChange: (newWidth, newHeight) => {}, fullscreen: true, draggableLimit: [50,50,50,50] }">
+ *     <el-dialog v-model="dialogVisible" title="Tips" width="30%">
+ *     </el-dialog>
+ *   </div>
+ */
+declare const _default: {
+    mounted: typeof handle;
+    updated: typeof handle;
+    beforeUnmount: (_el: HTMLElement, _binding: DirectiveBinding, vnode: VNode & {
+        ctx: ComponentInternalInstance;
+    }) => void;
+};
+export default _default;

package/dist/directives/dialog-resize/use-css-variable.d.ts

@@ -0,0 +1 @@
+export default function useCssVariable(dialogEl: HTMLElement): void;

package/dist/directives/dialog-resize/use-draggable.d.ts

@@ -0,0 +1,4 @@
+import { ComputedRef, DirectiveBinding, Ref } from 'vue';
+export declare function addUnit(value?: string | number, defaultUnit?: string): string | undefined;
+declare function useDraggable(targetRef: Ref<HTMLElement | undefined> | HTMLElement, dragRef: Ref<HTMLElement | undefined> | HTMLElement, draggable: ComputedRef<boolean>, beforeMountedFun: Array<(...args: any) => any>, binding: DirectiveBinding): void;
+export default useDraggable;

package/dist/directives/dialog-resize/use-fullscreen.d.ts

@@ -0,0 +1 @@
+export default function useFullscreen(dialogEl: HTMLElement, dialogVnode: any): void;

package/dist/directives/dialog-resize/use-parse-translate.d.ts

@@ -0,0 +1,4 @@
+export default function useParseTranslate(translate: string | undefined): {
+    x: number;
+    y: number;
+};

package/dist/directives/dialog-resize/use-resizer.d.ts

@@ -0,0 +1,2 @@
+import { ComputedRef, DirectiveBinding, Ref } from 'vue';
+export default function useResizer(dialogRef: Ref<HTMLElement | undefined> | HTMLElement, isEnable: ComputedRef<boolean>, beforeMountedFun: Array<(...args: any) => any>, binding: DirectiveBinding): void;

package/dist/directives/disabled-tip/index.d.ts

@@ -0,0 +1,17 @@
+import { Directive, MaybeRef } from 'vue';
+/**
+ * 定义提示配置项类型
+ * @property {boolean | MaybeRef<boolean>} condition - 表示是否禁用的标志，可能是一个响应式引用
+ * @property {string} message - 提示信息
+ * @property {string} placement - 提示信息位置
+ */
+export interface TipConfig {
+    condition: boolean | MaybeRef<boolean>;
+    message: string;
+    placement?: 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'right-start' | 'right-end' | 'left-start' | 'left-end';
+}
+/**
+ * 禁用提示指令对象，包含指令的生命周期钩子函数
+ */
+declare const disabledTipDirective: Directive;
+export default disabledTipDirective;

package/dist/directives/index.d.ts

@@ -0,0 +1,3 @@
+export { default as dialogResize } from './dialog-resize';
+export { default as disabledTip } from './disabled-tip';
+export { default as autoTip } from './auto-tip';

package/dist/hooks/useFormat.d.ts

@@ -0,0 +1,73 @@
+import { default as dayjs } from 'dayjs';
+type ILabelFormatType = "period" | "month";
+type FormatReturnType = {
+    /**
+     * 生成表单验证规则
+     * @param message - 验证失败时的提示信息
+     * @param trigger - 触发验证的时机，默认为'change'
+     * @returns 验证规则数组
+     */
+    formatFormRole: (message: string, trigger?: string) => {
+        required: boolean;
+        message: string;
+        trigger: string;
+    }[];
+    /**
+     * 格式化日期时间
+     * @param date - 要格式化的日期，可以是字符串、数字、Date对象或dayjs对象
+     * @param format - 格式化模板，默认为'YYYY-MM-DD HH:mm:ss'
+     * @returns 格式化后的日期时间字符串，无效日期返回'--'
+     */
+    formatToDateTime: (date: string | number | Date | dayjs.Dayjs | null | undefined, format?: string) => string;
+    /**
+     * 格式化日期
+     * @param date - 要格式化的日期，可以是字符串、数字、Date对象或dayjs对象
+     * @param format - 格式化模板，默认为'YYYY-MM-DD'
+     * @param isTimeStamp - 是否为时间戳格式，默认为false
+     * @returns 格式化后的日期字符串，无效日期返回'--'
+     */
+    formatToDate: (date: string | number | Date | dayjs.Dayjs | null | undefined, format?: string, isTimeStamp?: boolean) => string;
+    /**
+     * 格式化金额数据
+     * @param val - 要格式化的金额，可以是数字或字符串
+     * @param format - 格式化模板，默认为'0,0.00'
+     * @returns 格式化后的金额字符串
+     */
+    formatAmount: (val: number | string, format?: string) => string;
+    /**
+     * 格式化金额为千分位并保留两位小数
+     * @param val - 要格式化的数值
+     * @param format - 格式化模板，默认为'0,0.00'
+     * @returns 格式化后的金额字符串
+     */
+    formatAmountOfPlace: (val: number, format?: string) => string;
+    /**
+     * 将千分位格式的金额字符串转换为数值
+     * @param val - 要转换的金额字符串或数值
+     * @returns 转换后的数值
+     */
+    formatPlaceOfAmount: (val: string | number) => number;
+    /**
+     * 格式化金额但不四舍五入
+     * @param str - 要格式化的金额字符串或数字
+     * @param index - 要保留的小数位数
+     * @returns 格式化后的金额字符串
+     */
+    formatDecimal: (str: string | number, index: number) => string;
+    /**
+     * 格式化文件大小
+     * @param bytes - 文件大小(字节)
+     * @param decimalPoint - 保留的小数位数，默认为2
+     * @returns 格式化后的文件大小字符串(带单位)
+     */
+    formatFileSize: (bytes: number, decimalPoint?: number) => string;
+    /**
+     * 格式化期间(年月)
+     * @param val - 要格式化的期间值，可以是数字或字符串
+     * @param formatType - 格式化类型，'period'表示期间，'month'表示月份
+     * @returns 格式化后的期间字符串
+     */
+    formatPeriod: (val: number | string, formatType?: ILabelFormatType) => string;
+};
+export declare function useFormat(): FormatReturnType;
+export {};

package/dist/hooks/useLoading.d.ts

@@ -0,0 +1,9 @@
+import { MaybeRef } from 'vue';
+/**
+ * 用于处理加载状态的钩子函数
+ * @returns 包含获取加载状态和设置加载状态的函数的对象
+ */
+export declare function useLoading(loading?: MaybeRef<boolean>): {
+    getLoading: import('vue').ComputedRef<boolean>;
+    setLoading: (loading: boolean) => void;
+};

package/dist/hooks/useSetup.d.ts

@@ -0,0 +1,8 @@
+import { TtUiGlobalConfig, TtUiGlobalSetup } from '../components/types';
+export declare const GlobalConfig: TtUiGlobalConfig;
+/**
+ * @description 全局参数设置
+ * @param options 全局参数
+ * @returns 合并后的全局参数
+ */
+export declare const setup: TtUiGlobalSetup;

package/dist/hooks/useTable.d.ts

@@ -0,0 +1,5 @@
+import { ComputedRef } from 'vue';
+export declare function useTableSlot(slots: any): {
+    getTableSlotKeys: ComputedRef<string[]>;
+    replaceTableSlotKey: (key: string | null) => string;
+};

package/dist/hooks/useTemplateSlot.d.ts

@@ -0,0 +1,9 @@
+import { SlotsType } from 'vue';
+/**
+ * 用于处理Vue模板插槽的自定义Hook
+ * @param regexp 用于匹配和替换插槽名的正则表达式字符串
+ */
+export declare function useTemplateSlot(regexp: string): {
+    getSlotKeys: (slots: SlotsType) => (string | null)[];
+    replaceSlotKey: (key: string | null) => string;
+};

package/dist/{index-CMjNBMj5.js → index-NG5FNCLD.js}

@@ -229,7 +229,7 @@ class $n {
       o = this._deprecatedHooks[t], t = o.to;
     if (o && !u.allowDeprecated) {
       let i = o.message;
-      i || (i = `${r} hook has been deprecated` + (o.to ? `, please use ${o.to}` : "")), this._deprecatedMessages || (this._deprecatedMessages = /* @__PURE__ */ new Set()), this._deprecatedMessages.has(i) || (console.warn(i), this._deprecatedMessages.add(i));
+      i || (i = `${r} hook has been deprecated` + (o.to ? `, please use ${o.to}` : "")), this._deprecatedMessages || (this._deprecatedMessages = /* @__PURE__ */ new Set()), this._deprecatedMessages.has(i) || this._deprecatedMessages.add(i);
     }
     if (!n.name)
       try {
@@ -2359,7 +2359,6 @@ function Nu(e = {}) {
       fetch(`${A}__open-in-editor?file=${encodeURI(r)}`).then((d) => {
         if (!d.ok) {
           const m = `Opening component ${p} failed`;
-          console.log(`%c${m}`, "color:red");
         }
       });
     } else if (T.vitePluginDetected) {
@@ -2989,7 +2988,7 @@ function R(e, t, n, u) {
 var pn = [
   R(fn, "undefined", () => null, () => {
   }),
-  R(Er, "bigint", (e) => e.toString(), (e) => typeof BigInt < "u" ? BigInt(e) : (console.error("Please add a BigInt polyfill."), e)),
+  R(Er, "bigint", (e) => e.toString(), (e) => typeof BigInt < "u" ? BigInt(e) : e),
   R(_r, "Date", (e) => e.toISOString(), (e) => new Date(e)),
   R(fr, "Error", (e, t) => {
     const n = {

package/dist/index.d.ts

@@ -0,0 +1,46 @@
+import { App, Component } from 'vue';
+import { BaseFormComponentType } from './components/tt-form';
+export * from './components/tt-area';
+export * from './components/tt-button';
+export * from './components/tt-checkbox';
+export * from './components/tt-drawer';
+export * from './components/tt-empty';
+export * from './components/tt-icon';
+export * from './components/tt-modal';
+export * from './components/tt-select';
+export * from './components/tt-text';
+export * from './components/tt-tree-select';
+export * from './directives';
+export * from './components/tt-form';
+export * from './components/tt-image';
+export * from './components/tt-loading';
+export * from './components/tt-part';
+export * from './components/tt-part-item';
+export * from './components/tt-table';
+export { useFormat } from './hooks/useFormat';
+export { useLoading } from './hooks/useLoading';
+/**
+ * 表单组件适配器
+ * @param options 适配器选项
+ */
+export declare function formAdapter(options?: {
+    components?: Partial<Record<BaseFormComponentType, Component>>;
+    defineRules?: {
+        [key: string]: (value: any, params: any, ctx: Record<string, any>) => boolean | string;
+    };
+    modelPropNameMap?: Partial<Record<BaseFormComponentType, string>>;
+}): void;
+declare const _default: {
+    /**
+     * 安装组件
+     * @param app Vue 应用实例
+     */
+    install: (app: App) => void;
+    /**
+     * 全局参数设置
+     * @param options 全局参数
+     * @returns 合并后的全局参数
+     */
+    setup: import('./components/types').TtUiGlobalSetup;
+};
+export default _default;