wlwy-package 3.2.1 → 3.2.2

package/dist/types/packages/components/form/default/type.d.ts

@@ -0,0 +1,680 @@
+import { InputNumberProps, type ColProps, type DatePickerProps, type FormInstance, type FormItemProps, type FormProps, type RowProps, type SelectProps, type TimeRangePickerProps, type UploadProps } from 'ant-design-vue';
+import type { HandlerMode, OptionType } from '../../../type';
+import type { WCropperProp } from '../../common';
+import type { WModalProps, WUploadProps } from '../../antd';
+import type { FooterButtonType, WDropdownListItem } from '../../common/type';
+import type { UseWatchFormType } from '../../../hooks';
+import type { ApiResponse } from '../../../axios/types';
+export type FormInitializedCallback = (form: any) => void;
+/**
+ * w-form 组件实例
+ */
+export interface WFormInstance extends FormInstance {
+    getFormInstance: () => FormInstance | undefined;
+}
+/**
+ * w-form 组件属性
+ */
+export interface WFormProps extends Pick<FormProps, 'model' | 'layout' | 'labelAlign' | 'scrollToFirstError' | 'labelCol' | 'wrapperCol' | 'name' | 'disabled'>, Pick<RowProps, 'gutter' | 'align'> {
+    /**
+     * 每行列数
+     */
+    column?: number;
+    /**
+     * 是否卡片类型布局
+     * @default false
+     */
+    card?: boolean;
+}
+/**
+ * label 旁 tooltip 提示
+ */
+export type FormItemLabelTooltipProps = {
+    /**
+     * label 旁 tooltip 提示文案（支持 i18n key）
+     */
+    labelTooltip?: string;
+    /**
+     * label 旁 tooltip 图标，默认 QuestionCircleOutlined
+     */
+    labelTooltipIcon?: string;
+};
+/**
+ * w-form-item 组件属性
+ */
+export interface WFormItemProps extends WFormColProps, Pick<FormItemProps, 'name' | 'labelCol' | 'wrapperCol'>, FormItemLabelTooltipProps {
+    /**
+     *  item Lable名称
+     */
+    label?: string;
+}
+/**
+ * w-form-col 组件属性
+ */
+export interface WFormColProps extends Pick<ColProps, 'offset'> {
+    /**
+     * 占位格数
+     */
+    span?: number | 'full';
+}
+export type Response<T = any> = {
+    code: string;
+    success: boolean;
+    result: T;
+    message: string;
+};
+/**
+ * w-form-xxx 组件基础属性
+ */
+export type FormItemXxProps = {
+    /**
+     * 搜索form数据
+     */
+    form?: any;
+    /**
+     * 条件字段名
+     */
+    model: string;
+    /**
+     * 条件Lable名称
+     */
+    label?: string;
+    /**
+     * 同Ant Design Vue框架FormItem组件的name属性一致（默认为model的值）
+     */
+    name?: string;
+    /**
+     * 同Ant Design Vue框架Input、Setect组件的allowClear属性一致（默认为true）
+     */
+    allowClear?: boolean;
+    /**
+     * 是否禁用输入
+     */
+    isDetails?: boolean;
+    /**
+     * 是否禁用输入
+     */
+    disabled?: boolean;
+    /**
+     * 输入框提示
+     */
+    placeholder?: string;
+} & FormItemLabelTooltipProps;
+export type TextTransformType = 'capitalize' | 'lowercase' | 'uppercase';
+/**
+ * w-form-input 组件属性
+ */
+export interface WFormInputProps extends Partial<FormItemXxProps> {
+    /**
+     * 输入字母大小写转换类型
+     */
+    textTransform?: TextTransformType;
+}
+/**
+ * w-form-number 组件属性
+ */
+export interface WFormNumberProps extends FormItemXxProps {
+}
+/**
+ * w-form-i18n 组件属性
+ */
+export interface WFormI18nProps extends FormItemXxProps {
+}
+/**
+ * w-form-tags 组件属性
+ */
+export interface WFormTagsProps extends FormItemXxProps, Pick<SelectProps, 'tokenSeparators'> {
+    /**
+     * 最大标签数量
+     */
+    maxTagLength?: number;
+    /**
+     * 超出最大标签数量提示
+     */
+    maxTagLengthMessage?: string | ((length: number) => string);
+}
+/**
+ * w-textarea 组件属性
+ */
+export interface WFormTextareaProps extends FormItemXxProps {
+}
+/**
+ * w-select 组件属性
+ */
+export interface WFormSelectProps extends FormItemXxProps, Pick<SelectProps, 'loading' | 'autoClearSearchValue' | 'mode' | 'filterOption'> {
+    /**
+     * 下拉框选项列表
+     */
+    option?: OptionType[];
+    /**
+     * 加载下拉框选项列表接口url
+     */
+    url?: string;
+    /**
+     * 加载下拉框选项列表自定义方法，优先级高于url
+     * @param value 搜索关键字
+     */
+    request?: (value?: string) => Promise<Response>;
+    /**
+     * 加载下拉框选项列表接口类型（默认POST）
+     */
+    method?: string;
+    /**
+     * 加载下拉框选项列表接口请求参数
+     */
+    params?: any;
+    /**
+     * 接口请求keyword
+     */
+    searchKeyword?: string;
+}
+/**
+ * w-select-input 组件属性
+ */
+export interface WFormSelectInputProps extends FormItemXxProps, Pick<SelectProps, 'tokenSeparators'> {
+    /**
+     * Lable下拉选项列表
+     */
+    option?: WDropdownListItem[];
+    /**
+     * 绑定Lable下拉组件字段名
+     */
+    selectType?: string;
+    /**
+     * 输入框类型，同Ant Design Vue框架Setect组件的mode属性一致
+     */
+    mode?: SelectProps['mode'];
+    /**
+     * 是否是数字输入框
+     */
+    isNumber?: boolean;
+    /**
+     * 输入框类型，同Ant Design Vue框架InputNumber组件的precision属性一致, isNumber为true才生效
+     */
+    precision?: number;
+    /**
+     * 最大标签数量
+     */
+    maxTagLength?: number;
+    /**
+     * 超出最大标签数量提示
+     */
+    maxTagLengthMessage?: string | ((length: number) => string);
+}
+/**
+ * w-select-date-range 组件属性
+ */
+export interface WFormDateRangeProps extends FormItemXxProps, Pick<DatePickerProps, 'picker' | 'showTime'>, Pick<TimeRangePickerProps, 'presets'> {
+    /**
+     * Lable下拉选项列表
+     */
+    option?: WDropdownListItem[];
+    /**
+     * 绑定Lable下拉组件字段名
+     */
+    selectType?: string;
+    /**
+     * 时长范围，单位天
+     */
+    offsetDays?: number;
+    /**
+     * 时长范围的最大值
+     */
+    limit?: number;
+    /**
+     * 时间格式
+     */
+    format?: FormatType;
+    /**
+     * 绑定时间范围字段名，如果是字符类型。例：'time' => ['timeFrom', 'timeTo']
+     */
+    keys?: string | [StartField: string, EndField: string];
+    /**
+     * w-list组件中是否删除绑定字段
+     * @default true
+     */
+    delModel?: boolean;
+    /**
+     * 是否允许选择未来时间
+     * @default true
+     */
+    futureTimeAllowed?: boolean;
+}
+/**
+ * w-select-time-picker 组件属性
+ */
+export interface WFormTimePickerProps extends FormItemXxProps {
+    /**
+     * 时间格式
+     */
+    format?: string;
+}
+/**
+ * w-select-date-picker 组件属性
+ */
+export interface WFormDatePickerProps extends FormItemXxProps {
+    /**
+     * 时间格式
+     */
+    format?: string;
+    /**
+     * w-list组件中是否删除绑定字段
+     * @default true
+     */
+    delModel?: boolean;
+}
+/**
+ * w-checkbox 组件属性
+ */
+export interface WFormCheckboxProps extends FormItemXxProps {
+    /**
+     * 复选框选项列表
+     */
+    option?: OptionType[];
+    /**
+     * 复选框选项列表接口url，优先级高于 dict 字段
+     */
+    url?: string;
+    /**
+     * 复选框选项列表自定义方法，优先级高于url
+     * @param value 搜索关键字
+     */
+    request?: (value?: string) => Promise<Response>;
+    /**
+     * 复选框选项列表接口类型（默认POST）
+     */
+    method?: string;
+    /**
+     * 复选框选项列表接口请求参数
+     */
+    params?: any;
+    /**
+     * 快捷请求数据字典同/platform/basicDict/list接口dataType字段
+     */
+    dict?: string;
+    /**
+     * 单个选项label字段，
+     */
+    checkboxLabel?: string;
+}
+/**
+ * w-radio 组件属性
+ */
+export interface WFormRadioProps extends FormItemXxProps {
+    /**
+     * 单选框选项列表
+     */
+    option?: OptionType[];
+    /**
+     * 单选框选项列表接口url，优先级高于 dict 字段
+     */
+    url?: string;
+    /**
+     * 单选框选项列表自定义方法，优先级高于url
+     * @param value 搜索关键字
+     */
+    request?: (value?: string) => Promise<Response>;
+    /**
+     * 单选框选项列表接口类型（默认POST）
+     */
+    method?: string;
+    /**
+     * 单选框选项列表接口请求参数
+     */
+    params?: any;
+    /**
+     * 快捷请求数据字典同/platform/basicDict/list接口dataType字段
+     */
+    dict?: string;
+}
+type InputNumberConfig = ({
+    /**
+     * 绑定字段名
+     */
+    model: string;
+    /**
+     * 提示文本
+     */
+    placeholder?: string;
+} & Omit<InputNumberProps, 'min' | 'max'>) | string;
+/**
+ * w-select-two-input 组件属性
+ */
+export interface WFormNumberRangeProps extends FormItemXxProps {
+    /**
+     * Lable下拉选项列表
+     */
+    option?: WDropdownListItem[];
+    /**
+     * 绑定Lable下拉组件字段名
+     */
+    selectType?: string;
+    /**
+     * 最小值
+     */
+    min?: number;
+    /**
+     * 最大值
+     */
+    max?: number;
+    /**
+     * 输入框配置
+     */
+    config?: [Start: InputNumberConfig, End: InputNumberConfig];
+}
+/**
+ * w-form-custom 组件属性
+ */
+export interface WFormCustomProps extends FormItemXxProps {
+    /**
+     * Input插槽名
+     */
+    inputSlot?: string;
+    /**
+     * Lable插槽名
+     */
+    labelSlot?: string;
+}
+/**
+ * w-form-upload 组件属性
+ */
+export interface WFormUploadProps extends FormItemXxProps, Pick<UploadProps, 'multiple' | 'beforeUpload'> {
+}
+/**
+ * w-form-upload-image 组件属性
+ */
+export interface WFormUploadImageProps extends WUploadProps, WFormUploadProps {
+    /**
+     * 宽度
+     */
+    width?: number;
+    /**
+     * 高度
+     */
+    height?: number;
+    /**
+     * 是否开启裁剪
+     */
+    cropProps?: WCropperProp;
+}
+/**
+ * w-form-match 组件属性
+ */
+export interface WInputMatchProps extends FormItemXxProps, Pick<SelectProps, 'tokenSeparators'> {
+    /**
+     * Label字段名
+     */
+    labelModel?: string;
+    /**
+     * 匹配模式字段名
+     */
+    afterModel?: string;
+    /**
+     * 父级字段名
+     */
+    parentModel?: string;
+    /**
+     * Label下拉选项列表
+     */
+    labelOption?: WDropdownListItem[];
+    /**
+     * 匹配模式下拉选项列表
+     */
+    afterOption?: OptionType[];
+    /**
+     * 数字输入类型集合
+     */
+    numberfs?: string[];
+    /**
+     * 字符输入类型集合
+     */
+    inputfs?: string[];
+    /**
+     * 最大标签数量
+     */
+    maxTagLength?: number;
+    /**
+     * 超出最大标签数量提示
+     */
+    maxTagLengthMessage?: string | ((length: number) => string);
+}
+/**
+ * w-form-modal组件属性
+ */
+export interface WFormModalProps<T extends string = HandlerMode> extends Omit<WModalProps, 'title'> {
+    /**
+     * 表单模式，如add | edit
+     */
+    mode?: T;
+    /**
+     * 表单是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 页面表单标题，会自动添加表单模式前缀
+     */
+    title?: string;
+    /**
+     * 页面表单loading状态
+     */
+    loading?: boolean;
+    /**
+     * 当前行数据
+     */
+    row?: {
+        [keys: string]: any;
+    };
+    /**
+     * 请求链接
+     */
+    urls?: {
+        [keys in T]?: string | (() => Promise<any>);
+    };
+    /**
+     * 详情请求模式，默认GET
+     */
+    detailsApiMethod?: 'GET' | 'POST';
+}
+/**
+ * 弹窗表单实例
+ */
+export interface WFormModalInstance extends UseWatchFormType {
+    /**
+     * 获取表单实例
+     */
+    getFormInstance: () => FormInstance | undefined;
+    /**
+     * 监听表单初始化完成事件
+     * @param cb 回调函数
+     * @param one 是否只监听一次
+     */
+    onFormInitialized: (cb: FormInitializedCallback, one?: boolean) => void;
+}
+/**
+ * w-form-modal点击确定回调参数
+ */
+export type WFormModalOkHandleType = {
+    /**
+     * 表单实例
+     */
+    formInstance: FormInstance | undefined;
+    /**
+     * 表单数据
+     */
+    form: any;
+    /**
+     * 设置表单loading状态
+     */
+    setLoading: (loading: boolean) => void;
+    /**
+     * 校验表单方法
+     */
+    validateForm: () => Promise<{
+        [key: string]: any;
+    }>;
+    /**
+     * 提交表单方法
+     * @param url 请求链接
+     * @param data 请求数据
+     * @returns 接口返回数据
+     */
+    submit: <T = any>(url?: string, data?: any) => Promise<ApiResponse<T>>;
+    /**
+     * 校验并提交表单方法
+     * @param url 请求链接
+     * @param data 请求数据
+     * @returns 接口返回数据
+     */
+    verifiedSubmit: <T = any>(url?: string, data?: any) => Promise<ApiResponse<T>>;
+};
+/**
+ * w-form-page组件属性
+ */
+export interface WFormPageProps<T extends string = HandlerMode> {
+    /**
+     * 表单模式，如add | edit
+     */
+    mode: T;
+    /**
+     * 页面表单标题，会自动添加表单模式前缀
+     */
+    title?: string;
+    /**
+     * 页面表单提示语
+     */
+    question?: string;
+    /**
+     * 页面表单提示语图标
+     */
+    questionIcon?: string;
+    /**
+     * 页面表单loading状态
+     */
+    loading?: boolean;
+    /**
+     * 页面表单顶部是否隐藏，可隐藏单独按钮
+     */
+    hideFooter?: boolean | Array<FooterButtonType>;
+    /**
+     * 页面表单顶部确定按钮文本
+     */
+    okText?: string;
+    /**
+     * 页面表单顶部取消按钮文本
+     */
+    cancelText?: string;
+    /**
+     * 页面表单顶部刷新按钮文本
+     */
+    refreshText?: string;
+    /**
+     * 页面表单配置
+     */
+    row?: {
+        [keys: string]: any;
+    };
+    /**
+     * 请求链接
+     */
+    urls?: {
+        [keys in T]?: string | (() => Promise<any>);
+    };
+    /**
+     * 详情请求模式，默认GET
+     */
+    detailsApiMethod?: 'GET' | 'POST';
+    /**
+     * class
+     */
+    className?: string;
+    /**
+     * 详情请求后拦截器
+     */
+    afterDetailsInterceptor?: (form: any) => any;
+}
+/**
+ * 页面表单实例
+ */
+export interface WFormPageInstance extends Omit<WFormModalInstance, 'onFormInitialized'> {
+}
+/**
+ * w-form-page点击确定回调参数
+ */
+export interface WFormPageOkHandleType extends WFormModalOkHandleType {
+}
+/**
+ * w-form-page组件属性
+ */
+export interface WFormWrapProps<T extends string = HandlerMode> {
+    /**
+     * 表单模式，如add | edit
+     */
+    mode?: T;
+    /**
+     * 页面表单标题，会自动添加表单模式前缀
+     */
+    title?: string;
+    /**
+     * 页面表单提示语
+     */
+    question?: string;
+    /**
+     * 页面表单提示语图标
+     */
+    questionIcon?: string;
+    /**
+     * 页面表单loading状态
+     */
+    loading?: boolean;
+    /**
+     * 页面表单顶部是否隐藏，可隐藏单独按钮
+     */
+    hideFooter?: boolean | Array<FooterButtonType>;
+    /**
+     * 页面表单顶部确定按钮文本
+     */
+    okText?: string;
+    /**
+     * 页面表单顶部取消按钮文本
+     */
+    cancelText?: string;
+    /**
+     * 页面表单顶部刷新按钮文本
+     */
+    refreshText?: string;
+    /**
+     * 页面表单配置
+     */
+    row?: {
+        [keys: string]: any;
+    };
+    /**
+     * 请求链接
+     */
+    urls?: {
+        [keys in T]?: string | (() => Promise<any>);
+    };
+    /**
+     * 详情请求模式，默认GET
+     */
+    detailsApiMethod?: 'GET' | 'POST';
+    /**
+     * class
+     */
+    className?: string;
+    /**
+     * 详情请求后拦截器
+     */
+    afterDetailsInterceptor?: (form: any) => any;
+}
+/**
+ * w-form-wrap实例
+ */
+export interface WFormWrapInstance extends Omit<WFormModalInstance, 'onFormInitialized'> {
+}
+/**
+ * w-form-wrap点击确定回调参数
+ */
+export interface WFormWrapOkHandleType extends WFormModalOkHandleType {
+}
+export {};

package/dist/types/packages/components/form/index.d.ts

@@ -0,0 +1,2 @@
+export * from './business';
+export * from './default';

package/dist/types/packages/components/form/type.d.ts

@@ -0,0 +1,2 @@
+export * from './business/type';
+export * from './default/type';

package/dist/types/packages/components/icon/index.d.ts

@@ -0,0 +1,4 @@
+export type { WIconProp } from './type';
+export { default as WIcon } from './src/index.vue';
+export { default as Icon } from './src/icon.vue';
+export { default as WSwitchIcon } from './src/switch.vue';

package/dist/types/packages/components/icon/src/icon.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/packages/components/icon/src/index.vue.d.ts

@@ -0,0 +1,9 @@
+import type { WIconProp } from '../type';
+declare const _default: import("vue").DefineComponent<WIconProp, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<WIconProp> & Readonly<{
+    onClick?: ((event: Event) => any) | undefined;
+}>, {
+    iconClass: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;