@dt-frames/ui 3.0.1 → 4.0.1

package/dist/es/_virtual/preload-helper.mjs

@@ -0,0 +1 @@
+const y="modulepreload",w=function(f,a){return new URL(f,a).href},E={},g=function(a,u,d){let h=Promise.resolve();if(u&&u.length>0){let o=function(e){return Promise.all(e.map(r=>Promise.resolve(r).then(l=>({status:"fulfilled",value:l}),l=>({status:"rejected",reason:l}))))};const t=document.getElementsByTagName("link"),s=document.querySelector("meta[property=csp-nonce]"),v=(s==null?void 0:s.nonce)||(s==null?void 0:s.getAttribute("nonce"));h=o(u.map(e=>{if(e=w(e,d),e in E)return;E[e]=!0;const r=e.endsWith(".css"),l=r?'[rel="stylesheet"]':"";if(!!d)for(let i=t.length-1;i>=0;i--){const c=t[i];if(c.href===e&&(!r||c.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${e}"]${l}`))return;const n=document.createElement("link");if(n.rel=r?"stylesheet":y,r||(n.as="script"),n.crossOrigin="",n.href=e,v&&n.setAttribute("nonce",v),document.head.appendChild(n),r)return new Promise((i,c)=>{n.addEventListener("load",i),n.addEventListener("error",()=>c(new Error(`Unable to preload CSS for ${e}`)))})}))}function m(o){const t=new Event("vite:preloadError",{cancelable:!0});if(t.payload=o,window.dispatchEvent(t),!t.defaultPrevented)throw o}return h.then(o=>{for(const t of o||[])t.status==="rejected"&&m(t.reason);return a().catch(m)})};export{g as __vitePreload};

package/dist/es/assets/node_modules/.pnpm/nprogress@0.2.0/node_modules/nprogress/nprogress-BgDCIyLK.css

@@ -0,0 +1 @@
+#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}

package/dist/es/components/drawer/index.d.ts

@@ -0,0 +1,5 @@
+import { SFCWithInstall } from '../../utils/withInstall';
+import { default as Drawer } from './src/index';
+import { useDrawerOut, useDrawer } from './src/hooks/useDrawer';
+declare const DtDrawer: SFCWithInstall<typeof Drawer>;
+export { DtDrawer, DtDrawer as default, useDrawerOut, useDrawer };

package/dist/es/components/drawer/index.mjs

@@ -0,0 +1 @@
+import{withInstall as A}from"../../utils/withInstall";import{ElLoadingDirective as H}from"element-plus/es";import"element-plus/es/components/base/style/css";import"element-plus/es/components/loading/style/css";import{defineComponent as W,useSlots as q,ref as i,computed as b,unref as e,getCurrentInstance as N,watch as _,createBlock as B,openBlock as f,mergeProps as G,withCtx as $,withDirectives as J,createElementBlock as g,renderSlot as D,createCommentVNode as P,createElementVNode as O,toDisplayString as K,reactive as Q,onUnmounted as X,toRaw as R}from"vue";import{ElDrawer as Y}from"element-plus";import{omit as Z}from"lodash-es";import{$t as S,isFunction as F,isProd as ee,isObject as te,error as L}from"@dt-frames/core";import{UiClose as M,UiSave as oe}from"@dt-frames/icons";import{FormButtons as se}from"../form";import{DtIcon as re}from"../icon";const ne={key:1,class:"flex h-full items-center justify-between"},ae={class:"flex items-center flex-row"},le={class:"font-bold leading-8"},ie={key:0,class:"pr-12 flex items-center"},ce={class:"flex items-center flex-row"},ue={key:0,class:"flex items-center"},fe={key:0,class:"px-4 py-[10px] border-t border-[#f0f0f0] justify-end flex"},de={"element-loading-text":"加载中..."},pe=W({__name:"index",emits:["register","open-change","cancel","save"],setup(c,{emit:d}){const n=d,r=q(),a=i(!1),l=i({}),y={appendToBody:!1,lockScroll:!0,closeOnClickModal:!0,closeOnPressEscape:!0,showClose:!0,withHeader:!0,showConfirmButton:!0,showCancelButton:!0},t=b(()=>({...y,...e(l)||{}})),o=b(()=>({...y,bodyStyle:{padding:0},style:{position:"absolute"},...e(t)})),p=b(()=>e(o.value.loading)??!1),u=b(()=>{const{footerButtons:s,showCancelButton:C,showConfirmButton:x,onSave:w}=e(o);if(s)return s;const h=[{label:S("COMMON.CANCEL","取消"),preIcon:M,disabled:e(p),onClick:()=>v({open:!1})},{label:S("COMMON.CONFIRM","确定"),preIcon:oe,type:"primary",disabled:e(p),onClick:()=>w?.()}];return x||h.pop(),C||h.shift(),h}),m=i(!1);function v(s){l.value={...e(l),...s}}async function j(){const{afterClose:s}=e(o);s&&F(s)&&s(),m.value=!1,a.value=!1,n("open-change",!1)}function U(){return e(o)}const T={setDrawerProps:v,getDrawerProps:U},I=N();return I&&n("register",T,I.uid,a),_(()=>e(l).open,s=>{n("open-change",s),a.value=s},{immediate:!1}),_(()=>e(l).loading,s=>{m.value=e(s)??!1},{immediate:!1}),(s,C)=>{const x=H;return f(),B(e(Y),G({class:"dt-drawer",onClose:j},e(Z)(o.value,["title","footer"]),{modelValue:a.value,"onUpdate:modelValue":C[0]||(C[0]=w=>a.value=w),"modal-class":`${o.value.innerDrawer?"absolute!":""} ${o.value.modalClass??""}`,"header-class":`mb-0! py-3! px-4! border-b border-[#f0f0f0] ${o.value.headerClass??""}`,"footer-class":`p-0! ${o.value.footerClass??""}`,"body-class":`p-0! ${o.value.bodyClass??""}`,"show-close":!1}),{header:$(({close:w,titleId:h,titleClass:z})=>[e(r).header?D(s.$slots,"header",{key:0,close:w,titleId:h,titleClass:z}):(f(),g("div",ne,[O("div",ae,[O("span",le,K(o.value.title),1),e(r).titleExtra?(f(),g("span",ie,[D(s.$slots,"titleExtra")])):P("",!0)]),O("div",ce,[e(r).extra?(f(),g("span",ue,[D(s.$slots,"extra")])):P("",!0),o.value.showClose?(f(),B(e(re),{key:1,onClick:w,type:"svg",icon:e(M),class:"p-2 cursor-pointer opacity-60 hover:text-primary hover:opacity-100 transition-all flex items-center justify-center w-8 h-8",size:32},null,8,["onClick","icon"])):P("",!0)])]))]),footer:$(()=>[e(r).footer||u.value.length?(f(),g("div",fe,[e(r).footer?D(s.$slots,"footer",{key:0}):(f(),B(e(se),{key:1,mode:"modal",buttonList:u.value},null,8,["buttonList"]))])):P("",!0)]),default:$(()=>[J((f(),g("div",de,[D(s.$slots,"default")])),[[x,p.value]])]),_:3},16,["modelValue","modal-class","header-class","footer-class","body-class"])}}}),E=Q({}),k={},V={};function ke(){const c=i(null),d=i(!1),n=i(""),r=i(!1);function a(t,o="",p){if(!N())throw new Error("useDrawer只能在setup()或者函数中使用");n.value=o,!(e(d)&&t===e(c))&&(c.value=t,d.value=!0,X(()=>{ee()&&(c.value=null,d.value=!1,delete E[e(n)],delete k[e(n)])}),_(()=>e(p),u=>{u===!1?setTimeout(()=>{r.value=u},250):r.value=u??!0}))}const l=()=>{const t=e(c);return t||L("useDrawerOut 实例未定义"),t};return[a,{setDrawerProps:t=>{l()?.setDrawerProps(t)},openDrawer:(t,o)=>{r.value=!0;let p=_(()=>e(n),u=>{if(u){const m=e(n);V[m]?.(te(t)?{...R(t)}:t),l()?.setDrawerProps({defaultFullscreen:!1,...E[m],open:!0}),k[m]=v=>{o&&F(o)&&typeof v<"u"&&o(v)},p()}})},closeDrawer:()=>{l()?.setDrawerProps({open:!1})}},r]}function xe(c,d){const n=i(),r=i(""),a=()=>{const t=e(n);return t||L("useDrawer 实例未定义"),t};return[(t,o="")=>{r.value=o,n.value=t,V[o]=d,E[o]=R(c),t.setDrawerProps(c)},{setLoading:(t=!0)=>{a()?.setDrawerProps({loading:t})},getDrawerProps:()=>a()?.getDrawerProps?.()??{},closeDrawer:t=>{k[e(r)]&&k[e(r)](t),a()?.setDrawerProps({open:!1})},setDrawerProps:t=>{a()?.setDrawerProps(t)}}]}const Be=A(pe);export{Be as DtDrawer,Be as default,xe as useDrawer,ke as useDrawerOut};

package/{es → dist/es}/components/drawer/src/hooks/useDrawer.d.ts

@@ -1,3 +1,3 @@
-import { DrawerProps, UseDrawerInnerReturnType, UseDrawerReturnType } from '../type/drawer.type';
+import { DrawerProps, UseDrawerInnerReturnType, UseDrawerReturnType } from '../types/index';
 export declare function useDrawerOut(): UseDrawerReturnType;
 export declare function useDrawer(props: DrawerProps, setDrawerData?: (params: any) => void): UseDrawerInnerReturnType;

package/dist/es/components/drawer/src/index.d.ts

@@ -0,0 +1,20 @@
+declare function __VLS_template(): any;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    cancel: (...args: any[]) => void;
+    register: (...args: any[]) => void;
+    "open-change": (...args: any[]) => void;
+    save: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onRegister?: ((...args: any[]) => any) | undefined;
+    "onOpen-change"?: ((...args: any[]) => any) | undefined;
+    onSave?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/components/drawer/src/types/index.d.ts

@@ -0,0 +1,208 @@
+import { Component, Ref, VNode } from 'vue';
+import { ButtonTypes } from '../../../form';
+export type DrawerProps = {
+    /**
+     * 是否显示确认按钮
+     * @default true
+     */
+    showConfirmButton?: boolean;
+    /**
+     * 是否显示取消按钮
+     * @default true
+     */
+    showCancelButton?: boolean;
+    /**
+     * 弹框右下角操作按钮
+     */
+    footerButtons?: ButtonTypes[];
+    /**
+     * 权限前缀
+     */
+    authPrefix?: string;
+    /**
+     * 加载状态
+     */
+    loading?: Ref<boolean> | boolean;
+    /**
+     * 标题
+     */
+    title?: string | number | Ref<string> | Ref<number> | (() => string | number) | VNode | Component;
+    /**
+     * Drawer 自身是否插入至 body 元素上。嵌套的 Drawer 必须指定该属性并赋值为 true
+     * @default false
+     */
+    appendToBody?: boolean;
+    /**
+     * 挂载到哪个 DOM 元素 将覆盖 append-to-body
+     * @default 'body'
+     */
+    appendTo?: string | HTMLElement;
+    /**
+     * 是否在 Drawer 出现时将 body 滚动锁定
+     * @default true
+     */
+    lockScroll?: boolean;
+    /**
+     * 关闭前的回调，会暂停 Drawer 的关闭
+     * @desc (done: (cancel?: boolean) => void) => void(done 是个 function type 接受一个 boolean 参数, 执行 done 使用 true 参数或不提供参数将会终止关闭)
+     */
+    beforeClose?: (done: (cancel?: boolean) => void) => void;
+    /**
+     * 是否可以通过点击 modal 关闭 Drawer
+     * @default true
+     */
+    closeOnClickModal?: boolean;
+    /**
+     * 是否可以通过按下 ESC 关闭 Drawer
+     * @default true
+     */
+    closeOnPressEscape?: boolean;
+    /**
+     * Drawer 打开的延时时间，单位毫秒
+     * @default 0
+     */
+    openDelay?: number;
+    /**
+     * Drawer 关闭的延时时间，单位毫秒
+     * @default 0
+     */
+    closeDelay?: number;
+    /**
+     * 控制是否在关闭 Drawer 之后将子元素全部销毁
+     * @default false
+     */
+    destroyOnClose?: boolean;
+    /**
+     * 是否需要遮罩层
+     * @default true
+     */
+    modal?: boolean;
+    /**
+     * 是否允许穿透遮罩层。 modal 属性必须为 false。
+     * @default false
+     */
+    modalPenetrable?: boolean;
+    /**
+     * Drawer 打开的方向
+     * @enum 'rtl'
+     */
+    direction?: 'rtl' | 'ltr' | 'ttb' | 'btt';
+    /**
+     * 为抽屉启用可调整大小的功能
+     * @default false
+     */
+    resizable?: boolean;
+    /**
+     * 是否显示关闭按钮
+     * @default true
+     */
+    showClose?: boolean;
+    /**
+     * Drawer 窗体的大小, 当使用 number 类型时, 以像素为单位, 当使用 string 类型时, 请传入 'x%', 否则便会以 number 类型解释
+     * @default '30%''
+     */
+    size?: string | number;
+    /**
+     * 控制是否显示 header 栏, 默认为 true, 当此项为 false 时, title attribute 和 title slot 均不生效
+     * @default true
+     */
+    withHeader?: boolean;
+    /**
+     * 遮罩层的自定义类名
+     */
+    modalClass?: string;
+    /**
+     * header 部分的自定义 class 名
+     */
+    headerClass?: string;
+    /**
+     * body 部分的自定义 class 名
+     */
+    bodyClass?: string;
+    /**
+     * footer 部分的自定义 class 名
+     */
+    footerClass?: string;
+    /**
+     * 设置 z-index
+     */
+    zIndex?: number;
+    /**
+     * header 的 aria-level 属性
+     * @default '2'
+     */
+    headerAriaLevel?: string;
+    /**
+     * Drawer 的自定义类名
+     */
+    customClass?: string;
+    /**
+     * 是否为内部弹框 在content内部
+     * @default false
+     */
+    innerDrawer?: boolean;
+    /**
+     * Drawer 打开的回调
+     */
+    onOpen?: () => void;
+    /**
+     * Drawer 打开动画结束时的回调
+     */
+    onOpened?: () => void;
+    /**
+     * Drawer 关闭的回调
+     */
+    onClose?: () => void;
+    /**
+     * Drawer 关闭动画结束时的回调
+     */
+    onClosed?: () => void;
+    /**
+     * 输入焦点聚焦在 Drawer 内容时的回调
+     */
+    onOpenAutoFocus?: () => void;
+    /**
+     * 输入焦点从 Drawer 内容失焦时的回调
+     */
+    onCloseAutoFocus?: () => void;
+    /**
+     * 开始调整大小时触发（当启用 resizable 时）
+     */
+    onResizeStart?: (evt: MouseEvent, size: number) => void;
+    /**
+     * 调整大小时触发（启用 resizable 时）
+     */
+    onResize?: (evt: MouseEvent, size: number) => void;
+    /**
+     * 当调整大小结束时触发（当启用 resizable 时）
+     */
+    onResizeEnd?: (evt: MouseEvent, size: number) => void;
+    /**
+     * 保存数据
+     */
+    onSave?: (data?: any) => void;
+    /**
+     * Drawer 标题的内容；会替换标题部分，但不会移除关闭按钮。
+     */
+    headerSlot?: () => VNode | Component;
+    /**
+     * Drawer 页脚部分
+     */
+    footerSlot?: () => VNode | Component;
+    [key: string]: any;
+};
+export type DrawerMethods = {
+    getDrawerProps?: () => DrawerProps;
+    setDrawerProps: (props: Partial<DrawerProps>) => void;
+};
+export interface ReturnMethods extends DrawerMethods {
+    openDrawer: <T = any, U = any>(params?: T, afterClose?: (res: U) => void) => void;
+    closeDrawer: () => void;
+}
+export type RegisterFn = (drawerInstance: DrawerMethods, uuid?: string) => void;
+export interface ReturnInnerMethods extends DrawerMethods {
+    closeDrawer: () => void;
+    setLoading: (loading: boolean) => void;
+}
+export type UseDrawerReturnType = [RegisterFn, ReturnMethods, Ref<boolean>];
+export type UseDrawerInnerReturnType = [RegisterFn, ReturnInnerMethods];

package/dist/es/components/drawer/src/types/index.ts

@@ -0,0 +1,223 @@
+import type { Component, Ref, VNode } from 'vue'
+import type { ButtonTypes } from '../../../form'
+
+export type DrawerProps = {
+	/**
+	 * 是否显示确认按钮
+	 * @default true
+	 */
+	showConfirmButton?: boolean
+	/**
+	 * 是否显示取消按钮
+	 * @default true
+	 */
+	showCancelButton?: boolean
+	/**
+	 * 弹框右下角操作按钮
+	 */
+	footerButtons?: ButtonTypes[]
+	/**
+	 * 权限前缀
+	 */
+	authPrefix?: string
+	/**
+	 * 加载状态
+	 */
+	loading?: Ref<boolean> | boolean
+	/**
+	 * 标题
+	 */
+	title?:
+		| string
+		| number
+		| Ref<string>
+		| Ref<number>
+		| (() => string | number)
+		| VNode
+		| Component
+
+	/**
+	 * Drawer 自身是否插入至 body 元素上。嵌套的 Drawer 必须指定该属性并赋值为 true
+	 * @default false
+	 */
+	appendToBody?: boolean
+	/**
+	 * 挂载到哪个 DOM 元素 将覆盖 append-to-body
+	 * @default 'body'
+	 */
+	appendTo?: string | HTMLElement
+	/**
+	 * 是否在 Drawer 出现时将 body 滚动锁定
+	 * @default true
+	 */
+	lockScroll?: boolean
+	/**
+	 * 关闭前的回调，会暂停 Drawer 的关闭
+	 * @desc (done: (cancel?: boolean) => void) => void(done 是个 function type 接受一个 boolean 参数, 执行 done 使用 true 参数或不提供参数将会终止关闭)
+	 */
+	beforeClose?: (done: (cancel?: boolean) => void) => void
+	/**
+	 * 是否可以通过点击 modal 关闭 Drawer
+	 * @default true
+	 */
+	closeOnClickModal?: boolean
+	/**
+	 * 是否可以通过按下 ESC 关闭 Drawer
+	 * @default true
+	 */
+	closeOnPressEscape?: boolean
+	/**
+	 * Drawer 打开的延时时间，单位毫秒
+	 * @default 0
+	 */
+	openDelay?: number
+	/**
+	 * Drawer 关闭的延时时间，单位毫秒
+	 * @default 0
+	 */
+	closeDelay?: number
+	/**
+	 * 控制是否在关闭 Drawer 之后将子元素全部销毁
+	 * @default false
+	 */
+	destroyOnClose?: boolean
+	/**
+	 * 是否需要遮罩层
+	 * @default true
+	 */
+	modal?: boolean
+	/**
+	 * 是否允许穿透遮罩层。 modal 属性必须为 false。
+	 * @default false
+	 */
+	modalPenetrable?: boolean
+	/**
+	 * Drawer 打开的方向
+	 * @enum 'rtl'
+	 */
+	direction?: 'rtl' | 'ltr' | 'ttb' | 'btt'
+	/**
+	 * 为抽屉启用可调整大小的功能
+	 * @default false
+	 */
+	resizable?: boolean
+	/**
+	 * 是否显示关闭按钮
+	 * @default true
+	 */
+	showClose?: boolean
+	/**
+	 * Drawer 窗体的大小, 当使用 number 类型时, 以像素为单位, 当使用 string 类型时, 请传入 'x%', 否则便会以 number 类型解释
+	 * @default '30%''
+	 */
+	size?: string | number
+	/**
+	 * 控制是否显示 header 栏, 默认为 true, 当此项为 false 时, title attribute 和 title slot 均不生效
+	 * @default true
+	 */
+	withHeader?: boolean
+	/**
+	 * 遮罩层的自定义类名
+	 */
+	modalClass?: string
+	/**
+	 * header 部分的自定义 class 名
+	 */
+	headerClass?: string
+	/**
+	 * body 部分的自定义 class 名
+	 */
+	bodyClass?: string
+	/**
+	 * footer 部分的自定义 class 名
+	 */
+	footerClass?: string
+	/**
+	 * 设置 z-index
+	 */
+	zIndex?: number
+	/**
+	 * header 的 aria-level 属性
+	 * @default '2'
+	 */
+	headerAriaLevel?: string
+	/**
+	 * Drawer 的自定义类名
+	 */
+	customClass?: string
+	/**
+	 * 是否为内部弹框 在content内部
+	 * @default false
+	 */
+	innerDrawer?: boolean
+	/**
+	 * Drawer 打开的回调
+	 */
+	onOpen?: () => void
+	/**
+	 * Drawer 打开动画结束时的回调
+	 */
+	onOpened?: () => void
+	/**
+	 * Drawer 关闭的回调
+	 */
+	onClose?: () => void
+	/**
+	 * Drawer 关闭动画结束时的回调
+	 */
+	onClosed?: () => void
+	/**
+	 * 输入焦点聚焦在 Drawer 内容时的回调
+	 */
+	onOpenAutoFocus?: () => void
+	/**
+	 * 输入焦点从 Drawer 内容失焦时的回调
+	 */
+	onCloseAutoFocus?: () => void
+	/**
+	 * 开始调整大小时触发（当启用 resizable 时）
+	 */
+	onResizeStart?: (evt: MouseEvent, size: number) => void
+	/**
+	 * 调整大小时触发（启用 resizable 时）
+	 */
+	onResize?: (evt: MouseEvent, size: number) => void
+	/**
+	 * 当调整大小结束时触发（当启用 resizable 时）
+	 */
+	onResizeEnd?: (evt: MouseEvent, size: number) => void
+	/**
+	 * 保存数据
+	 */
+	onSave?: (data?: any) => void
+	/**
+	 * Drawer 标题的内容；会替换标题部分，但不会移除关闭按钮。
+	 */
+	headerSlot?: () => VNode | Component
+	/**
+	 * Drawer 页脚部分
+	 */
+	footerSlot?: () => VNode | Component
+
+	[key: string]: any
+}
+
+export type DrawerMethods = {
+	getDrawerProps?: () => DrawerProps
+	setDrawerProps: (props: Partial<DrawerProps>) => void
+}
+
+export interface ReturnMethods extends DrawerMethods {
+	openDrawer: <T = any, U = any>(params?: T, afterClose?: (res: U) => void) => void
+	closeDrawer: () => void
+}
+
+export type RegisterFn = (drawerInstance: DrawerMethods, uuid?: string) => void
+
+export interface ReturnInnerMethods extends DrawerMethods {
+	closeDrawer: () => void
+	setLoading: (loading: boolean) => void
+}
+
+export type UseDrawerReturnType = [RegisterFn, ReturnMethods, Ref<boolean>]
+export type UseDrawerInnerReturnType = [RegisterFn, ReturnInnerMethods]

package/dist/es/components/form/index.d.ts

@@ -0,0 +1,9 @@
+import { SFCWithInstall } from '../../utils/withInstall';
+import { default as Form } from './src/index';
+import { default as FormButtons } from './src/conponents/FormButtons';
+import { useForm } from './src/hooks/useForm';
+import { FormInsType, FormMode, FormProps, ButtonTypes, FormRef } from './src/types/form';
+import { ComponentType, FormSchema } from './src/types/item';
+declare const DtForm: SFCWithInstall<typeof Form>;
+export { DtForm, DtForm as default, useForm, FormButtons };
+export type { FormProps, FormMode, FormInsType, ComponentType, FormSchema, ButtonTypes, FormRef };

package/dist/es/components/form/index.mjs

@@ -0,0 +1 @@
+import{withInstall as Ke}from"../../utils/withInstall";import{unref as e,defineComponent as me,useModel as Ne,useAttrs as Re,createBlock as _,openBlock as g,withCtx as N,createElementBlock as $,Fragment as te,renderList as ae,mergeProps as U,mergeModels as Xe,useSlots as Ye,toRefs as Ze,computed as O,resolveComponent as Je,createCommentVNode as j,toDisplayString as H,createVNode as W,normalizeProps as ne,guardReactiveProps as Qe,createTextVNode as le,resolveDynamicComponent as ce,normalizeClass as ue,createElementVNode as pe,createSlots as we,ref as Q,watch as Pe,resolveDirective as et,withDirectives as je,normalizeStyle as tt,toRaw as he,nextTick as ye,reactive as ot,withKeys as nt,renderSlot as lt,vShow as at}from"vue";import{dayjs as Z,ElRadioGroup as xe,ElRadioButton as rt,ElDivider as Le,ElTreeSelect as st,ElTimeSelect as ct,ElTimePicker as it,ElSwitch as ut,ElSlider as dt,ElSelectV2 as mt,ElSelect as Fe,ElRate as ft,ElRadio as pt,ElInputNumber as ht,ElInput as yt,ElDatePicker as Ae,ElColorPickerPanel as vt,ElColorPicker as gt,ElCheckboxButton as Ct,ElCheckboxGroup as bt,ElCheckbox as St,ElCascaderPanel as kt,ElCascader as wt,ElCol as ve,ElFormItem as ze,ElButton as Ie,ElConfigProvider as Pt,ElForm as Et,ElRow as xt}from"element-plus";import{useI18n as $e,isNumber as Ft,isFunction as D,isArray as G,isNullOrUnDef as ge,isObject as Ce,isString as Ue,isUnDef as ie,isBoolean as be,isDef as _e,getSlot as Me,isNull as At,$t as J,error as We,deepMerge as qe,i18n as Ve,isProd as Be,getDynamicProps as It}from"@dt-frames/core";import{tryOnBeforeMount as _t}from"@vueuse/shared";import{set as Te,omit as Mt,cloneDeep as Se,uniqBy as Vt}from"lodash-es";import{useTheme as Bt}from"../../layout/index";import{useAppStore as de}from"../../stores/app.store";import{DtUpload as Tt}from"../upload";import fe from"../icon";import{UiArrowDown as Dt,UiSearch as Ot,UiRefresh as Nt}from"@dt-frames/icons";import{tryOnMounted as Rt}from"@vueuse/core";const ke=["DatePicker","TimePicker"];function De(m){const{t:a}=$e("COMMON");switch(m){case"Cascader":case"ColorPicker":case"DatePicker":case"DateTimePicker":case"Select":case"VirtualizedSelect":case"TimePicker":case"TimeSelect":case"TreeSelect":case"Upload":return a("PLEASE_SELECT","请选择");case"Input":case"InputNumber":return a("PLEASE_INPUT","请输入");default:return""}}function jt(m,a){return m&&["Input","InputNumber"].includes(m)&&a&&Ft(a)?`${a}`:a}function Lt(m,a,f){ke.includes(a)?m.type=f?"string":"object":["RangePicker","Upload","CheckboxGroup","TimePicker"].includes(a)?m.type="array":["InputNumber"].includes(a)&&(m.type="number")}function zt({defaultValue:m,schemas:a,formModel:f}){const M=()=>{const c=new Map;return e(a).forEach(t=>{t.component&&t.name&&c.set(t.name,t)}),c};function h(c){var u,v;if(!Ce(c))return{};const t={},k=M(),y=[];for(let[d,S]of Object.entries(c)){const B=(u=k.get(d))==null?void 0:u.component;!d||Array.isArray(S)&&S.length===0||D(S)||(B&&ke.includes(B)&&(Array.isArray(S)?(S=S.map(F=>Z(F).valueOf()),(v=k.get(d).extraName)!=null&&v.length&&k.get(d).extraName.forEach((F,x)=>{y.push(F),Te(t,F,S.length>0?S[x]:null)})):S=S?Z(S).valueOf():null),Ue(S)&&(S=S.trim()),y.includes(d)||Te(t,d,S))}return t}function C(){const c=e(a),t={};c.forEach(k=>{const{props:y={},name:u,component:v,defaultValue:d}=k,{defaultValue:S,mode:B,format:F,treeCheckable:x}=D(y)?y(f):y;if(!u)return;let P=[];G(u)?P=u:P=[u];const E=S??d;if(ge(E))P.forEach(A=>{v==="TreeSelect"&&(B==="multiple"||x)||v==="Select"&&B==="multiple"?t[A]=[]:t[A]=null});else if(ke.includes(v))if(G(E)){const A=E.map(R=>F?Z(R,F):Z(R));P.length>1?P.map((R,q)=>t[R]=A[q]??null):t[P[0]]=A}else t[P[0]]=F?Z(E,F):Z(E);else P.length>1?P.forEach((A,R)=>{!E||E.length-1<R?t[A]=null:t[A]=E[R]}):t[P[0]]=E}),m.value={...t};for(const k in t)f[k]=t[k]}return{handleFormValues:h,initDef:C}}const $t=me({__name:"RadioGroup",props:{modelValue:{type:String},modelModifiers:{}},emits:["update:modelValue"],setup(m){const a=Ne(m,"modelValue"),f=Re();return(M,h)=>e(f).mode==="button"?(g(),_(e(xe),{key:0,modelValue:a.value,"onUpdate:modelValue":h[0]||(h[0]=C=>a.value=C)},{default:N(()=>[(g(!0),$(te,null,ae(e(f).options,C=>(g(),_(e(rt),{label:C.label,value:C.value},null,8,["label","value"]))),256))]),_:1},8,["modelValue"])):(g(),_(e(xe),U({key:1,modelValue:a.value,"onUpdate:modelValue":h[1]||(h[1]=C=>a.value=C)},e(f)),null,16,["modelValue"]))}}),Oe={Cascader:wt,CascaderPanel:kt,Checkbox:St,CheckboxGroup:bt,CheckboxButton:Ct,ColorPicker:gt,ColorPickerPanel:vt,DatePicker:Ae,DateTimePicker:Ae,Input:yt,InputNumber:ht,Radio:pt,RadioGroup:$t,Rate:ft,Select:Fe,SelectGroup:Fe,VirtualizedSelect:mt,Slider:dt,Switch:ut,TimePicker:it,TimeSelect:ct,TreeSelect:st,Upload:Tt,Divider:Le},Ge=new Map;for(const m in Oe)Ge.set(m,Oe[m]);const Ut={key:0},Wt={key:0,class:"text-secondary opacity-50"},qt={key:0,class:"text-secondary opacity-50"},Gt={key:2},Ht={class:"flex flex-1"},Kt={class:"flex-1 w-full flex"},Xt={key:0,class:"opacity-50 text-12px py-1 leading-5 w-full"},Yt=me({__name:"FormItems",props:Xe({schema:{},formProps:{},defaultValue:{},setFormModel:{},formIns:{}},{formModel:{default:{}},formModelModifiers:{}}),emits:["update:formModel"],setup(m){const a=m,f=Ye(),{t:M}=$e("COMMON"),{theme:h}=Bt(),{appConf:C}=de(),c=Ne(m,"formModel"),{schema:t,formProps:k}=Ze(a),y=O(()=>{var n,s,r;const{labelWidth:o}=a.formProps,{labelWidth:l}=a.schema;return D(l)?(n=l())==null?void 0:n[h.app.locale]:l??o??((r=(s=C.ui)==null?void 0:s.form)==null?void 0:r.labelWidth)??100}),u=O(()=>{const{defaultValue:o,schema:l}=a,n=l.name;return{name:G(n)?n.join("-"):n,model:c.value,schema:l,values:{...o,...c}}}),v=O(()=>{const{show:o=!0,isAdvanced:l=!0}=a.schema;return l?D(o)?o(e(u).model):o:!1}),d=O(()=>{let{props:o={}}=a.schema;return D(o)&&(o=o(e(u).model)??{}),a.schema.component==="Divider"&&(o=Object.assign({type:"horizontal"},o,{orientation:"left"})),o}),S=O(()=>{var p,I,ee,K;const{colProps:o,span:l}=a.schema,{colProps:n,mode:s,span:r}=a.formProps;let b={};return ie(o)?ie(l)?ie(n)?ie(r)?b=(s==="filter"?(I=(p=C.ui)==null?void 0:p.form)==null?void 0:I.colspan:(K=(ee=C.ui)==null?void 0:ee.modal)==null?void 0:K.colspan)??{span:24}:b={span:r}:b=n??{}:b={span:l}:b=o??{},b}),B=O(()=>{const{toolTip:o}=a.schema;return D(o)?o(e(u).model):o}),F=()=>{const{prefix:o}=a.schema;return W("span",null,[Me(f,"prefix")||(D(o)?W(o,{formModel:a.formProps},null):o)])},x=()=>{const{suffix:o}=a.schema;return W("span",null,[Me(f,"suffix")||(D(o)?W(o,{formModel:a.formProps},null):o)])},P=O(()=>{const o=[],l=D(a.schema.props)?a.schema.props(a.formProps):a.schema.props;for(let n in l)n.endsWith("Slot")&&l[n]&&D(l[n])&&o.push({key:n.replace("Slot","").replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),node:l[n]});return o}),E=()=>{var re,oe;const{rules:o=[],component:l,label:n,dynamicRules:s,required:r}=a.schema;if(!l)return[];if(D(s))return s==null?void 0:s(e(u).model);const b=De(l)+n;let p=Se(o);const I=D(r)?r==null?void 0:r(e(u).model):r;function ee(T,V){const w=T.message||b;return V===void 0||At(V)||Array.isArray(V)&&V.length===0||typeof V=="string"&&V.trim()===""||typeof V=="object"&&Reflect.has(V,"checked")&&Reflect.has(V,"halfChecked")&&Array.isArray(V.checked)&&Array.isArray(V.halfChecked)&&V.checked.length===0&&V.halfChecked.length===0?Promise.reject(w):Promise.resolve()}if(!p||!p.length){let T=be(I)?I:e(I);p=T?[{required:T,validator:ee}]:[]}const K=p.findIndex(T=>Reflect.has(T,"required")&&!Reflect.has(T,"validator"));if(K!==-1){const T=p[K];e(v)||(T.required=!1),Reflect.has(T,"type")||(T.type=l==="InputNumber"?"number":"string"),T.message=T.message||b,(l.includes("Input")||l.includes("Textarea"))&&(T.whitespace=!0);const V=e(d).valueFormat;Lt(T,l,V)}const X=p.findIndex(T=>T.max);return X!==-1&&!p[X].validator&&(p[X].message=((re=p[X])==null?void 0:re.message)||`最大值为${(oe=p[X])==null?void 0:oe.max}`),p},A=O(()=>{const{disabled:o}=a.formProps,{disabled:l}=a.schema,{disabled:n=!1}=e(d);let s=!!o||n;return be(l)&&(s=l),D(l)&&(s=l==null?void 0:l(e(u).model)),s}),R=O(()=>{var n,s;const{props:o}=a.schema,l=D(o)?o(c.value):o;return _e(l==null?void 0:l.clearable)?l==null?void 0:l.clearable:_e(e(k).clearable)?e(k).clearable:((s=(n=C.ui)==null?void 0:n.form)==null?void 0:s.clearable)??!0}),q=O(()=>{var b;const{component:o,props:l}=a.schema,n=D(l)?l(c.value):l,s={onChange:(...p)=>{var I;(I=n==null?void 0:n.onChange)==null||I.call(n,...p,c.value)}};for(const p in n)p.startsWith("on")&&p!=="onChange"&&(s[p]=(...I)=>{n[p](...I,c.value)});const r={clearable:R,...e(d),disabled:e(A),formValues:e(u)};return o&&(r.placeholder=(n==null?void 0:n.placeholder)||De(o),n!=null&&n.type&&["datetimerange","daterange","datetimerange","monthrange","yearrange"].includes(n.type)&&(r.startPlaceholder=r.startPlaceholder||r.placeholder,r.endPlaceholder=r.endPlaceholder||r.placeholder)),o==="CheckboxGroup"&&(r.options=(b=r.options)==null?void 0:b.map(p=>Mt(p,["id"]))),{...r,...s}}),i=o=>{var l,n;e(t).name&&(c.value[G(e(t).name)?(n=(l=e(t).name).join)==null?void 0:n.call(l,"-"):e(t).name]=o)};return(o,l)=>{const n=Je("ElTooltip");return!e(t).component&&!e(t).render&&!e(t).renderCol&&!e(t).slot&&!e(t).colSlot?(g(),$("span",Ut,H(e(M)("NEED_RENDER","请配置render函数")),1)):e(t).component==="Divider"?(g(),$(te,{key:1},[v.value?(g(),_(e(ve),{key:0,span:24},{default:N(()=>[W(e(Le),ne(Qe(d.value)),{default:N(()=>[le(H(e(t).label),1)]),_:1},16)]),_:1})):j("",!0)],64)):v.value?(g(),_(e(ve),ne(U({key:2},S.value)),{default:N(()=>{var s;return[e(t).colSlot?(g(),_(ce(e(f)[e(t).colSlot]),{key:0,data:u.value},null,8,["data"])):e(t).renderCol?(g(),_(e(t).renderCol,ne(U({key:1},u.value)),null,16)):(g(),_(e(ze),{key:2,class:ue(["w-full",[(s=e(h).theme)==null?void 0:s.size,{"suffix-item":!!e(t).suffix}]]),prop:e(G)(e(t).name)?e(t).name.join("-"):e(t).name,"label-width":y.value,rules:E()},{label:N(()=>{var r,b;return[B.value?(g(),_(n,ne(U({key:0},{content:e(t).label,placement:"top",...e(t).toolTipProps})),{default:N(()=>[le(H(e(t).label||"")+" ",1),e(t).subLabel?(g(),$("span",Wt," ("+H(e(t).subLabel)+") ",1)):j("",!0)]),_:1},16)):(g(),$(te,{key:1},[le(H(e(t).label||"")+" ",1),e(t).subLabel?(g(),$("span",qt," ("+H(e(t).subLabel)+") ",1)):j("",!0)],64)),e(t).colon??((b=(r=e(C).ui)==null?void 0:r.form)==null?void 0:b.colon)??e(k).colon?(g(),$("span",Gt," ： ")):j("",!0)]}),default:N(()=>[pe("div",Ht,[e(t).prefix?(g(),_(F,{key:0,class:"prefix flex"})):j("",!0),pe("div",Kt,[e(t).slot?(g(),_(ce(e(f)[e(t).slot]),{key:0,data:{model:u.value.model,name:e(t).name}},null,8,["data"])):j("",!0),e(t).render?(g(),_(e(t).render,{key:1,model:c.value,"onUpdate:modelValue":i},null,8,["model"])):j("",!0),e(t).name?(g(),_(ce(e(Ge).get(e(t).component)),U({key:2,modelValue:c.value[e(G)(e(t).name)?e(t).name.join("-"):e(t).name],"onUpdate:modelValue":l[0]||(l[0]=r=>c.value[e(G)(e(t).name)?e(t).name.join("-"):e(t).name]=r)},q.value),we({_:2},[ae(P.value,r=>({name:r.key,fn:N(b=>[(g(),_(ce(r.node),U({formModel:c.value},b),null,16,["formModel"]))])}))]),1040,["modelValue"])):j("",!0)]),e(t).suffix?(g(),_(x,{key:1,class:"suffix flex items-center"})):j("",!0)]),e(t).description?(g(),$("div",Xt,H(e(t).description),1)):j("",!0)]),_:1},8,["prop","class","label-width","rules"]))]}),_:1},16)):j("",!0)}}}),Zt={class:"flex item-center"},Jt=me({name:"FormButtons",__name:"FormButtons",props:{show:{type:Boolean,default:!0},showAdvancedButton:{type:Boolean,default:!1},minShowColumn:{default:2},buttonList:{},authPrefix:{default:""},isAdvanced:{type:Boolean,default:!0},colspan:{default:()=>({})},style:{default:()=>({})},isFilter:{type:Boolean,default:!1}},emits:["handleMethod"],setup(m,{emit:a}){const f=m,M=a,h=Q(f.isAdvanced);let C=0;const c=y=>{const{authPrefix:u}=f;return u&&y||!u&&y&&y.includes(":")?u?`${u}:${y}`:y:null},t=()=>{h.value=!h.value,M("handleMethod",h.value)};function k(y){y.onClick&&D(y.onClick)?y.onClick():M("handleMethod",y)}return Pe(()=>f.buttonList,()=>{C=new Date().getTime()},{immediate:!0,deep:!0}),(y,u)=>{const v=et("auth");return g(),$("div",{class:ue(["flex gap-3 items-center",{"ml-auto":y.isFilter}])},[(g(!0),$(te,null,ae(y.buttonList,d=>(g(),$(te,{key:d.label},[d.show===void 0||d.show?je((g(),_(e(Ie),{class:ue(["items-center flex items-center !ml-0",d.class]),type:d.type,loading:d.loading,disabled:d.disabled,key:e(C),style:tt({color:d.color}),onClick:S=>k(d)},we({default:N(()=>[le(" "+H(d.label)+" ",1),d.postIcon?(g(),_(e(fe),{key:0,icon:d.postIcon,"class-name":"i preIcon pl-1",size:d.iconSize||16,color:d.color},null,8,["icon","size","color"])):j("",!0)]),_:2},[d.preIcon?{name:"icon",fn:N(()=>[W(e(fe),{icon:d.preIcon,"class-name":"i preIcon pr-1",size:d.iconSize||16,color:d.color},null,8,["icon","size","color"])]),key:"0"}:void 0]),1032,["type","class","loading","disabled","style","onClick"])),[[v,c(d.auth)]]):j("",!0)],64))),128)),y.showAdvancedButton?(g(),_(e(Ie),{key:0,type:"text",onClick:t},{default:N(()=>[pe("div",Zt,[le(H(h.value?e(J)("COMMON.ADVANCED","收起"):e(J)("COMMON.EXPAND","展开"))+" ",1),W(e(fe),{icon:e(Dt),class:ue(["ml-1",h.value?"rotate-180":""]),size:14},null,8,["icon","class"])])]),_:1})):j("",!0)],2)}}});function Qt({getProps:m,defaultValue:a,updateSchema:f,getModel:M,setModel:h}){const{appConf:C}=de();function c(u){var F,x;const{schemas:v=[],minShowColumn:d=((x=(F=C.ui)==null?void 0:F.form)==null?void 0:x.minShowColumn)||2,showAdvancedButton:S=!0}=e(m);let B=[...v];S&&(B=v.reduce((P,E,A)=>(A>d-1&&(E.isAdvanced=u),P.push(E),P),[])),f(B)}function t(u){const{onSearch:v,onReset:d}=e(m);be(u)?c(u):u.label===J("COMMON.SEARCH","查询")?v==null||v(M()):u.label===J("COMMON.RESET","重置")?(h(he(a.value)),d==null||d(M())):u.onClick()}const k=O(()=>{var q,i,o,l,n,s;const{appConf:u}=de(),{mode:v,colProps:d,minShowColumn:S=((i=(q=u.ui)==null?void 0:q.form)==null?void 0:i.minShowColumn)||2,schemas:B=[],showAdvancedButton:F,loading:x,buttons:P}=e(m);let E=v==="filter";F!==void 0&&(E=F),B.length<=S&&(E=!1);let A=[];G(P)?A=[...P]:v==="filter"&&!P&&[{label:J("COMMON.SEARCH","查询"),preIcon:Ot,type:"primary"},{label:J("COMMON.RESET","重置"),preIcon:Nt,type:"default"}].forEach(r=>{r.loading=r.label===J("COMMON.SEARCH","查询")?x==null?void 0:x.onSearch:x==null?void 0:x.onReset,A.push(r)});const R=d||(v==="filter"?(l=(o=u.ui)==null?void 0:o.form)==null?void 0:l.colspan:(s=(n=u.ui)==null?void 0:n.modal)==null?void 0:s.colspan);return v!=="filter"?{colspan:{span:24},mode:v,showAdvancedButton:!1,isAdvanced:!1,buttonList:A}:{colspan:R,style:{marginLeft:E?"auto":""},showAdvancedButton:E,buttonList:A}}),y=O(()=>{const{style:u={},colspan:v}=e(k);return{style:u,...v}});return{handleMethod:t,actionStyle:y,actionsProps:k}}function eo({formModel:m,formElRef:a,schemas:f,schemaRef:M,getProps:h,defaultValue:C,handleFormValues:c}){function t(){return e(a)?c(he(e(m))):{}}function k(i){let o=[];if(o=Ce(i)?[i]:[...i],o!=null&&o.length&&!o.every(s=>s.component!=="Divider"&&s.name)){We("所有的元素都必须设置name属性");return}const l=[];o.forEach(s=>{e(f).forEach(r=>{if(r.name===s.name){const b=qe(r,s);l.push(b)}else l.push(r)})});const n=Vt(l,"name");y(n),M.value=n}function y(i,o=!1){i=G(i)?i:[i];const l=t();let n={};if(i.forEach(s=>{const r=G(s.name)?s.name[0]:s.name;if(!r)return;if(n[r]=null,!ge(s.defaultValue))return n[r]=s.defaultValue;const b=D(s.props)?s.props(he(e(m))):s.props;ge(b==null?void 0:b.defaultValue)||(n[r]=b.defaultValue)}),o){const s={};Object.keys(l).map(r=>s[r]=null),n={...s,...n},v(n)}else Object.keys(n).forEach(s=>{n[s]!==null&&n[s]}),v({...n,...l})}function u(i){return e(f).some(o=>o.name===i?["DatePicker","DateTimePicker","TimePicker","TimeSelect"].includes(o.component):!1)}async function v(i,o=!1){if(o&&await B(),!i||!Object.keys(i).length)return;const l=e(f).map(n=>n.name).filter(Boolean);Object.keys(i).forEach(n=>{const s=e(f).find(p=>p.name===n);let r=i[n];const b=Reflect.has(i,n);if(r=jt(s==null?void 0:s.component,r),b&&l.includes(n))if(u(n))if(Array.isArray(r)){const p=[];for(const I of r)p.push(I?Z(I):null);m[n]=p}else{const{props:p}=s||{};let I=p;typeof p=="function"&&(I=p({formModel:m})),m[n]=r?I!=null&&I.valueFormat?r:Z(r):null}else m[n]=r;else m[n]=r})}function d(i){let o=[];o=Ce(i)?[i]:[...i],y(o,!0),M.value=o}async function S(i){var o;await((o=e(a))==null?void 0:o.clearValidate(i))}function B(i){var l;const{model:o}=e(h);if(Object.keys(m).forEach(n=>{const s=e(f).find(b=>b.name===n),r=(s==null?void 0:s.component)&&["Input","InputPassword","InputSearch","InputTextArea"].includes(s.component);m[n]=r?C.value[n]||"":C.value[n]}),Object.assign(m,o??{}),!!e(a))return(l=e(a))==null?void 0:l.resetFields(i)}function F(i){if(!i)return;const o=Se(e(f)),l=Ue(i)?[i]:i;for(const n of l)x(n,o);M.value=o}function x(i,o){const l=o.findIndex(n=>n.name===i);l!==-1&&(delete m[i],o.splice(l,1))}function P(){e(a)&&(Object.keys(m).forEach(i=>{const o=e(f).find(n=>n.name===i),l=(o==null?void 0:o.component)&&["Input","InputPassword","InputSearch","InputTextArea"].includes(o.component);m[i]=l?C.value[i]||"":C.value[i]}),ye(()=>S()))}function E(i,o,l=!1){const n=Se(e(f)),s=n.findIndex(r=>r.name===o);if(!o||s===-1||l){l?n.unshift(...i):n.push(...i),M.value=n;return}s!==-1&&n.splice(s+1,0,...i),M.value=n}async function A(i){return e(a).validateField(i)}async function R(i){var o;return(o=e(a))==null?void 0:o.validate(i)}function q(i){var o;return(o=e(a))==null?void 0:o.scrollToField(i)}return{getModel:t,updateSchema:k,setModel:v,resetSchema:d,clearValidate:S,resetFields:B,resetForms:P,removeFormByName:F,appendFormItems:E,scrollToField:q,validate:R,validateField:A}}const to=me({name:"DtForm",__name:"index",props:{registerInstance:{},mode:{default:"modal"},model:{},compact:{type:Boolean},inline:{type:Boolean,default:!1},labelPosition:{default:"right"},labelWidth:{default:100},labelSuffix:{},rowProps:{},colProps:{},span:{},hideRequiredAsterisk:{type:Boolean},requireAsteriskPosition:{},validateOnRuleChange:{type:Boolean},size:{},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},schemas:{},autoFetchOnEnter:{type:Boolean},autoFetch:{type:Boolean,default:!0},minShowColumn:{default:2},showAdvancedButton:{type:Boolean,default:!0},colon:{type:Boolean,default:!0},showSearch:{type:Boolean,default:!0},onSearch:{},onReset:{},buttons:{type:[Array,null,Boolean]},loading:{},modelChange:{}},emits:["register"],setup(m,{expose:a,emit:f}){const M=m,h=f,C=Q(),c=Q(),t=ot({}),k=Q(null),{appConf:y}=de(),u=O(()=>{var w,z;return{...M,...((w=y.ui)==null?void 0:w.form)??{},...e(C),mode:((z=e(C))==null?void 0:z.mode)||"modal"}}),v=O(()=>e(u).showSearch!==!1),d=Re(),S=O(()=>({...d,...e(u),inline:e(u).mode==="filter"})),B=O(()=>e(k)||e(u).schemas||[]),F=O(()=>{const{compact:w,mode:z}=e(u),L=w===null?z==="filter":w;return["basic-form",`basic-form__${z}`,{"basic-form__compact":L}]}),x=Q({}),{initDef:P,handleFormValues:E}=zt({defaultValue:x,schemas:B,formModel:t});function A(w,z){t[w]=z,K([w]).then(()=>{var L,Y;(Y=(L=e(u))==null?void 0:L.modelChange)==null||Y.call(L,e(t),w,z)}).catch(()=>{})}function R(){}function q(w){C.value=qe(e(C)||{},w)}const{updateSchema:i,resetSchema:o,clearValidate:l,resetFields:n,removeFormByName:s,setModel:r,resetForms:b,appendFormItems:p,scrollToField:I,validate:ee,validateField:K,getModel:X}=eo({schemas:B,formModel:t,formElRef:c,defaultValue:x,schemaRef:k,getProps:u,handleFormValues:E}),{handleMethod:re,actionsProps:oe,actionStyle:T}=Qt({getProps:u,defaultValue:x,updateSchema:i,getModel:X,setModel:r}),V={setProps:q,updateSchema:i,resetSchema:o,removeFormByName:s,appendFormItems:p,clearValidate:l,scrollToField:I,validate:ee,validateField:K,setModel:r,getModel:X,resetFields:n,resetForms:b};return _t(()=>{var w,z,L,Y;h("register",V),P(),(z=(w=e(u))==null?void 0:w.modelChange)==null||z.call(w,e(t)),(Y=(L=e(u))==null?void 0:L.registerInstance)==null||Y.call(L,V,"form")}),Pe(()=>e(u).model,()=>{const{model:w}=e(u);!w||!Object.keys(w).length||r(w)},{immediate:!0,deep:!0}),a({...V,formModel:t}),(w,z)=>{var L;return g(),_(e(Pt),{locale:((L=e(Ve).global.messages.value)==null?void 0:L[e(Ve).global.locale.value])??{}},{default:N(()=>[je(W(e(Et),U({ref_key:"formElRef",ref:c,class:F.value},S.value,{model:t,onKeypress:nt(R,["enter"])}),{default:N(()=>[W(e(xt),U(u.value.rowProps,{style:{margin:0},gutter:20}),{default:N(()=>{var Y;return[(g(!0),$(te,null,ae(B.value,se=>(g(),_(Yt,{key:Array.isArray(se.name)?se.name.join("-"):se.name,schema:se,"form-props":u.value,"form-model":t,"default-value":x.value,"set-form-model":A,"form-ins":V},we({_:2},[ae(Object.keys(w.$slots),Ee=>({name:Ee,fn:N(He=>[lt(w.$slots,Ee,U({ref_for:!0},He||{}))])}))]),1032,["schema","form-props","form-model","default-value"]))),128)),(Y=e(oe).buttonList)!=null&&Y.length?(g(),_(e(ve),ne(U({key:0},e(T))),{default:N(()=>[W(e(ze),{class:"w-full mr-0 pl-8"},{default:N(()=>[W(Jt,U({"is-filter":!0},e(oe),{onHandleMethod:e(re)}),null,16,["onHandleMethod"])]),_:1})]),_:1},16)):j("",!0)]}),_:3},16)]),_:3},16,["class","model"]),[[at,v.value]])]),_:3},8,["locale"])}}});function ho(m){const a=Q(),f=Q(!1);function M(c){Be()&&Rt(()=>{a.value=void 0,f.value=!1}),!(e(f)&&Be()&&c===e(a))&&(a.value=c,f.value=!0,Pe(()=>m,()=>m&&c.setProps(It(m)),{immediate:!0,deep:!0}))}const h=async()=>{const c=e(a);return c||We("表单未申明!"),await ye(),c};return[M,{setProps:async c=>{var t;(t=await h())==null||t.setProps(c)},updateSchema:async c=>{var t;(t=await h())==null||t.updateSchema(c)},resetSchema:async c=>{var t;(t=await h())==null||t.resetSchema(c)},removeFormByName:c=>{var t;(t=e(a))==null||t.removeFormByName(c)},appendFormItems:async(c,t,k=!1)=>{var y;(y=await h())==null||y.appendFormItems(c,t,k)},clearValidate:async c=>{var t;(t=await h())==null||t.clearValidate(c)},validate:async c=>{var t;(t=await h())==null||t.validate(c)},validateField:async c=>(await h()).validateField(c),setModel:async(c,t=!1)=>{var k;await ye(),(k=await h())==null||k.setModel(c,t)},getModel:()=>e(a).getModel(),resetFields:async c=>{var t;(t=await h())==null||t.resetFields(c)},scrollToField:async c=>{var t;(t=await h())==null||t.scrollToField(c)},resetForms:async()=>{var c;(c=await h())==null||c.resetForms()}}]}const yo=Ke(to);export{yo as DtForm,Jt as FormButtons,yo as default,ho as useForm};

package/dist/es/components/form/src/conponents/FormButtons.d.ts

@@ -0,0 +1,29 @@
+import { CSSProperties } from 'vue';
+import { ButtonTypes } from '../types/form';
+import { Recordable } from '@dt-frames/core';
+type __VLS_Props = {
+    show?: boolean;
+    showAdvancedButton?: boolean;
+    minShowColumn?: number;
+    buttonList: ButtonTypes[];
+    authPrefix?: string;
+    isAdvanced?: boolean;
+    colspan?: Recordable;
+    style?: CSSProperties;
+    isFilter?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    handleMethod: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onHandleMethod?: ((...args: any[]) => any) | undefined;
+}>, {
+    style: CSSProperties;
+    show: boolean;
+    authPrefix: string;
+    showAdvancedButton: boolean;
+    minShowColumn: number;
+    isAdvanced: boolean;
+    colspan: Recordable;
+    isFilter: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/es/components/form/src/conponents/FormItems.d.ts

@@ -0,0 +1,19 @@
+import { Recordable } from '@dt-frames/core';
+import { FormInsType, FormProps } from '../types/form';
+import { FormSchema } from '../types/item';
+type __VLS_Props = {
+    schema: FormSchema;
+    formProps: FormProps;
+    defaultValue: Recordable;
+    setFormModel: (key: string, value: any) => void;
+    formIns: FormInsType;
+};
+type __VLS_PublicProps = {
+    'formModel'?: Recordable;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:formModel": (value: Recordable) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:formModel"?: ((value: Recordable) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/es/components/form/src/conponents/RadioGroup.d.ts

@@ -0,0 +1,10 @@
+declare const modelValue: import('vue').ModelRef<string | number | undefined, string, string | number | undefined, string | number | undefined>;
+type __VLS_PublicProps = {
+    'modelValue'?: typeof modelValue['value'];
+};
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/{es/components/form/src/components → dist/es/components/form/src/conponents}/componentMap.d.ts

@@ -1,4 +1,4 @@
 import { Component } from 'vue';
-import { ComponentType } from "../types/form.type";
+import { ComponentType } from '../types/item';
 declare const componentMap: Map<ComponentType, Component>;
 export { componentMap };

package/dist/es/components/form/src/hooks/useForm.d.ts

@@ -0,0 +1,8 @@
+import { FormInsType, FormProps } from '../types/form';
+/**
+ * 表单注册及实例构建
+ */
+type RegisterFn = (formInstance: FormInsType) => void;
+type UseFormReturnType = [RegisterFn, FormInsType];
+export declare function useForm(props: FormProps): UseFormReturnType;
+export {};

package/dist/es/components/form/src/hooks/useFormActions.d.ts

@@ -0,0 +1,32 @@
+import { Recordable } from '@dt-frames/core';
+import { ComputedRef, Ref } from 'vue';
+import { ButtonTypes, FormProps } from '../types/form';
+import { FormSchema } from '../types/item';
+type FormActionType = {
+    updateSchema: (data: Partial<FormSchema> | Partial<FormSchema>[]) => void;
+    getProps: ComputedRef<FormProps>;
+    defaultValue: Ref<Recordable>;
+    getModel: () => Recordable;
+    setModel: (values: Recordable) => void;
+};
+export declare function useFormActions({ getProps, defaultValue, updateSchema, getModel, setModel }: FormActionType): {
+    handleMethod: (params: boolean | ButtonTypes) => void;
+    actionStyle: ComputedRef<any>;
+    actionsProps: ComputedRef<{
+        mode: "" | "modal" | null | undefined;
+        showAdvancedButton: boolean;
+        isAdvanced: boolean;
+        buttonList: ButtonTypes[];
+        colspan: {
+            span: number;
+        };
+    } | {
+        showAdvancedButton: boolean;
+        buttonList: ButtonTypes[];
+        colspan: Partial<import('element-plus').ColProps> | undefined;
+        style: {
+            marginLeft: string;
+        };
+    }>;
+};
+export {};