@dt-frames/ui 2.0.24 → 4.0.1

package/{es/components/form/src/hooks/helper.d.ts → dist/es/components/form/src/utils/index.d.ts}

@@ -1,7 +1,5 @@
-import { Rule } from 'ant-design-vue/lib/form/interface';
-import { ComponentType } from "../types/form.type";
-export declare const SINGLE_DATA_TYPE: string[];
-export declare const MULTIFY_DATA_TYPE: string[];
+import { ComponentType } from '../types/item';
+import { RuleType } from '../types/form';
 export declare const DATE_PICKER_TYPES: string[];
 export declare const DATE_MODE_TYPE: {
     time: string;
@@ -9,6 +7,10 @@ export declare const DATE_MODE_TYPE: {
     month: string;
     year: string;
 };
+/**
+ * 生成占位符
+ * 根据组件名称不同 生成不同的占位符
+ */
 export declare function createPlaceholder(component: ComponentType): string;
-export declare function setComponentRuleType(rule: Rule, component: ComponentType, valueFormat: string): void;
 export declare function handleInputNumberValue(component?: ComponentType, val?: any): any;
+export declare function setComponentRuleType(rule: RuleType, component: ComponentType, valueFormat: string): void;

package/dist/es/components/form/styles/index.scss

@@ -0,0 +1,10 @@
+.el-input-number,
+.el-cascader,
+.el-date-editor.el-range-editor.el-input__wrapper,
+.basic-form .el-date-editor.el-input {
+	width: 100%;
+}
+
+.el-select-dropdown__wrap .el-tree-node__content {
+	--el-tree-node-content-height: 32px;
+}

package/dist/es/components/hover-card/index.d.ts

@@ -0,0 +1,7 @@
+import { default as HoverCard } from './src/hover-card';
+import { default as HoverCardContent } from './src/hover-card-content';
+import { default as HoverCardTrigger } from './src/hover-card-trigger';
+import { SFCWithInstall } from '../../utils/withInstall';
+export declare const DtHoverCard: SFCWithInstall<typeof HoverCard>;
+export declare const DtHoverCardContent: SFCWithInstall<typeof HoverCardContent>;
+export declare const DtHoverCardTrigger: SFCWithInstall<typeof HoverCardTrigger>;

package/dist/es/components/hover-card/index.mjs

@@ -0,0 +1 @@
+import{defineComponent as i,createBlock as l,openBlock as p,unref as o,normalizeProps as f,guardReactiveProps as m,withCtx as n,renderSlot as c,computed as _,createVNode as g,mergeProps as h}from"vue";import{useForwardPropsEmits as v,HoverCardRoot as C,useForwardProps as y,HoverCardPortal as P,HoverCardContent as B,HoverCardTrigger as w}from"radix-vue";import{withInstall as u}from"../../utils/withInstall";const H=i({__name:"hover-card",props:{defaultOpen:{type:Boolean},open:{type:Boolean},openDelay:{},closeDelay:{}},emits:["update:open"],setup(t,{emit:e}){const r=v(t,e);return(s,z)=>(p(),l(o(C),f(m(o(r))),{default:n(()=>[c(s.$slots,"default")]),_:3},16))}}),b=i({__name:"hover-card-content",props:{forceMount:{type:Boolean},side:{},sideOffset:{default:4},align:{},alignOffset:{},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean},updatePositionStrategy:{},prioritizePosition:{type:Boolean},asChild:{type:Boolean},as:{},class:{default:""}},setup(t){const e=t,a=_(()=>{const{class:r,...s}=e;return s}),d=y(a);return(r,s)=>(p(),l(o(P),null,{default:n(()=>[g(o(B),h(o(d),{class:["bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-border z-popup w-64 rounded-md border p-4 shadow-md outline-none",e.class]}),{default:n(()=>[c(r.$slots,"default")]),_:3},16,["class"])]),_:3}))}}),D=i({__name:"hover-card-trigger",props:{asChild:{type:Boolean},as:{}},setup(t){const e=t;return(a,d)=>(p(),l(o(w),f(m(e)),{default:n(()=>[c(a.$slots,"default")]),_:3},16))}}),O=u(H),F=u(b),R=u(D);export{O as DtHoverCard,F as DtHoverCardContent,R as DtHoverCardTrigger};

package/dist/es/components/hover-card/src/hover-card-content.d.ts

@@ -0,0 +1,24 @@
+import { HoverCardContentProps } from 'radix-vue';
+type __VLS_Props = HoverCardContentProps & {
+    class?: any;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    class: any;
+    sideOffset: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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/hover-card/src/hover-card-trigger.d.ts

@@ -0,0 +1,18 @@
+import { HoverCardTriggerProps } from 'radix-vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<HoverCardTriggerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<HoverCardTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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/hover-card/src/hover-card.d.ts

@@ -0,0 +1,22 @@
+import { HoverCardRootProps } from 'radix-vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<HoverCardRootProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<HoverCardRootProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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/icon/index.d.ts

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/withInstall';
+import { default as Icon } from './src/index';
+declare const DtIcon: SFCWithInstall<typeof Icon>;
+export { DtIcon, DtIcon as default };

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

@@ -0,0 +1 @@
+import{withInstall as z}from"../../utils/withInstall";import{defineComponent as v,useAttrs as $,computed as c,createBlock as i,createElementBlock as b,createCommentVNode as k,openBlock as s,normalizeStyle as I,normalizeClass as w,createElementVNode as S,unref as l,withCtx as C,createVNode as V,mergeProps as B,h as r}from"vue";import{ElIcon as d}from"element-plus";import{Icon as E,addIcon as j}from"@iconify/vue";const N=["xlink:href","fill"],O=v({__name:"index",props:{icon:{},type:{default:"svg"},color:{default:"tranparent"},size:{default:24}},setup(p){const o=p,n=$(),f=c(()=>`#icon-${o.icon}`),u=c(()=>n.class?`svg-icon ${n.class}`:"svg-icon"),m=()=>(typeof o.icon=="object"&&j(o.icon.name,o.icon),r(o.icon,{"aria-hidden":!1,...n,style:Object.assign({},n.style??{},{outline:"none",fontSize:`${o.size}px`,color:`${o.color||"#333"}`})},{default:()=>[]})),g=()=>r(o.icon,{width:null,height:null,style:{width:`${o.size}px`,height:`${o.size}px`}},{default:()=>[]});function h(e){if(!e.startsWith("data:image/svg+xml;base64,"))throw new Error("Invalid SVG base64 data");const t=e.replace("data:image/svg+xml;base64,",""),a=atob(t);return decodeURIComponent(a)}const y=()=>{const{icon:e,size:t,color:a}=o;return e.startsWith("data:image/svg+xml;base64,")?r(d,{color:a,size:t,innerHTML:h(e),...n},{default:()=>[]}):r("div",{style:{width:`${t}px`,height:`${t}px`,background:`url(${o.icon}) 100% 100% no-repeat`,backgroundSize:"cover",...n}})};return(e,t)=>e.type==="svg"&&typeof e.icon=="string"&&e.icon.startsWith("data:image/")?(s(),i(y,{key:0})):e.type==="svg"&&typeof e.icon=="string"?(s(),b("svg",{key:1,class:w(u.value),style:I({fontSize:`${e.size}px`,width:`${e.size}px`,color:e.color,height:`${e.size}px`})},[S("use",{"xlink:href":f.value,fill:e.color},null,8,N)],6)):e.type==="svg"?(s(),i(l(d),{key:2,color:e.color,size:e.size},{default:C(()=>[V(g)]),_:1},8,["color","size"])):e.type==="online"?(s(),i(l(E),B({key:3,icon:e.icon},l(n),{"aria-hidden":"false",style:Object.assign({},l(n).style??{},{outline:"none",fontSize:`${e.size}px`,color:`${e.color}`})}),null,16,["icon","style"])):e.type==="offline"?(s(),i(m,{key:4})):k("",!0)}}),G=z(O);export{G as DtIcon,G as default};

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

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    /**
+     * 图标名称
+     */
+    icon: string | object;
+    /**
+     * 图标类型
+     * svg: 默认使用svg图标
+     * offline: 使用本地图标
+     * online: 使用在线图标
+     *
+     * @default svg
+     */
+    type?: 'svg' | 'offline' | 'online';
+    /**
+     * 图标颜色
+     * @type string
+     */
+    color?: string;
+    /**
+     * 图标大小
+     * @default 24
+     */
+    size?: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    type: "svg" | "offline" | "online";
+    size: number;
+    color: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,6 @@
+/**
+ * @description: 测试
+ */
+export type a = {
+    a: string;
+};

package/dist/es/components/icon-picker/index.d.ts

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/withInstall';
+import { default as IconPicker } from './src/index';
+declare const DtIconPicker: SFCWithInstall<typeof IconPicker>;
+export { DtIconPicker, DtIconPicker as default };

package/dist/es/components/icon-picker/index.mjs

@@ -0,0 +1,9 @@
+import{withInstall as e1}from"../../utils/withInstall";import{defineComponent as A,useAttrs as t1,reactive as O,ref as w,shallowReactive as l1,computed as R,h as s1,createElementBlock as k,openBlock as d,mergeProps as P,unref as t,createElementVNode as c,createVNode as p,Fragment as T,renderList as o1,normalizeClass as c1,toDisplayString as b,withCtx as C,createBlock as x,mergeModels as a1,useModel as D,watch as N,createCommentVNode as i1}from"vue";import{useModal as n1,DtModal as r1,useModalOut as h1}from"../modal";import { ElInput as U } from"element-plus/es/components/input/index";import { ElTooltip as d1 } from"element-plus/es/components/tooltip/index";import { ElImage as p1 } from"element-plus/es/components/image/index";import { ElUpload as u1 } from"element-plus/es/components/upload/index";import { ElMessage as v1 } from"element-plus/es/components/message/index";import{UiSearch as $,UiEmpty as f1,UiUpload as m1}from"@dt-frames/icons";import{iconToSVG as g1}from"@iconify/utils/lib/svg/build";import{parseIconSet as w1}from"@iconify/utils/lib/icon-set/parse";import _1 from"@iconify/json/collections.json";import{defaultIconCustomisations as M1}from"@iconify/utils/lib/customisations/defaults";import{asyncComputed as x1}from"@vueuse/core";import{DtVirtualList as z1}from"../virtual-list";import{DtIcon as I}from"../icon";import{isFunction as y1,copyText as b1}from"@dt-frames/core";import{debounce as k1}from"lodash-es";import{tryOnMounted as C1}from"@vueuse/shared";const F1=`<svg t="1770174975951" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6815" width="200" height="200"><path d="M897.4 892.4h-72.6c-20.6 0-37.5-16.9-37.5-37.5V608.4c0-20.6 16.9-37.5 37.5-37.5h72.6c20.6 0 37.5 16.9 37.5 37.5V855c0 20.6-16.9 37.4-37.5 37.4z" fill="#D9D9D9" p-id="6816"></path><path d="M659.2 892.4h-72.6c-20.6 0-37.5-16.9-37.5-37.5V330.4c0-20.6 16.9-37.5 37.5-37.5h72.6c20.6 0 37.5 16.9 37.5 37.5V855c-0.1 20.6-16.9 37.4-37.5 37.4z" fill="#FFAD40" p-id="6817"></path><path d="M420.9 892.4h-72.6c-20.6 0-37.5-16.9-37.5-37.5V82.7c0-20.6 16.9-37.5 37.5-37.5h72.6c20.6 0 37.5 16.9 37.5 37.5V855c-0.1 20.6-16.9 37.4-37.5 37.4z" fill="#D9D9D9" p-id="6818"></path><path d="M182.6 892.4H110c-20.6 0-37.5-16.9-37.5-37.5V506.3c0-20.6 16.9-37.5 37.5-37.5h72.6c20.6 0 37.5 16.9 37.5 37.5V855c0 20.6-16.9 37.4-37.5 37.4z" fill="#FFAD40" p-id="6819"></path><path d="M0.3 939.7h1022.2v37.5H0.3z" fill="#D9D9D9" p-id="6820"></path></svg>
+`,L1=`<svg data-v-027623fa="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bell-icon lucide-bell size-4"><path d="M10.268 21a2 2 0 0 0 3.464 0"></path><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"></path></svg>
+`,V1=`<svg focusable="false" data-icon="codepen" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M911.7 385.3l-.3-1.5c-.2-1-.3-1.9-.6-2.9-.2-.6-.4-1.1-.5-1.7-.3-.8-.5-1.7-.9-2.5-.2-.6-.5-1.1-.8-1.7-.4-.8-.8-1.5-1.2-2.3-.3-.5-.6-1.1-1-1.6-.8-1.2-1.7-2.4-2.6-3.6-.5-.6-1.1-1.3-1.7-1.9-.4-.5-.9-.9-1.4-1.3-.6-.6-1.3-1.1-1.9-1.6-.5-.4-1-.8-1.6-1.2-.2-.1-.4-.3-.6-.4L531.1 117.8a34.3 34.3 0 00-38.1 0L127.3 361.3c-.2.1-.4.3-.6.4-.5.4-1 .8-1.6 1.2-.7.5-1.3 1.1-1.9 1.6-.5.4-.9.9-1.4 1.3-.6.6-1.2 1.2-1.7 1.9-1 1.1-1.8 2.3-2.6 3.6-.3.5-.7 1-1 1.6-.4.7-.8 1.5-1.2 2.3-.3.5-.5 1.1-.8 1.7-.3.8-.6 1.7-.9 2.5-.2.6-.4 1.1-.5 1.7-.2.9-.4 1.9-.6 2.9l-.3 1.5c-.2 1.5-.3 3-.3 4.5v243.5c0 1.5.1 3 .3 4.5l.3 1.5.6 2.9c.2.6.3 1.1.5 1.7.3.9.6 1.7.9 2.5.2.6.5 1.1.8 1.7.4.8.7 1.5 1.2 2.3.3.5.6 1.1 1 1.6.5.7.9 1.4 1.5 2.1l1.2 1.5c.5.6 1.1 1.3 1.7 1.9.4.5.9.9 1.4 1.3.6.6 1.3 1.1 1.9 1.6.5.4 1 .8 1.6 1.2.2.1.4.3.6.4L493 905.7c5.6 3.8 12.3 5.8 19.1 5.8 6.6 0 13.3-1.9 19.1-5.8l365.6-243.5c.2-.1.4-.3.6-.4.5-.4 1-.8 1.6-1.2.7-.5 1.3-1.1 1.9-1.6.5-.4.9-.9 1.4-1.3.6-.6 1.2-1.2 1.7-1.9l1.2-1.5 1.5-2.1c.3-.5.7-1 1-1.6.4-.8.8-1.5 1.2-2.3.3-.5.5-1.1.8-1.7.3-.8.6-1.7.9-2.5.2-.5.4-1.1.5-1.7.3-.9.4-1.9.6-2.9l.3-1.5c.2-1.5.3-3 .3-4.5V389.8c-.3-1.5-.4-3-.6-4.5zM546.4 210.5l269.4 179.4-120.3 80.4-149-99.6V210.5zm-68.8 0v160.2l-149 99.6-120.3-80.4 269.3-179.4zM180.7 454.1l86 57.5-86 57.5v-115zm296.9 358.5L208.3 633.2l120.3-80.4 149 99.6v160.2zM512 592.8l-121.6-81.2L512 430.3l121.6 81.2L512 592.8zm34.4 219.8V652.4l149-99.6 120.3 80.4-269.3 179.4zM843.3 569l-86-57.5 86-57.5v115z"></path></svg>
+`,D1=`<svg t="1769698362157" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5417" width="200" height="200"><path d="M672 832 224 832c-52.928 0-96-43.072-96-96L128 160c0-52.928 43.072-96 96-96l448 0c52.928 0 96 43.072 96 96l0 576C768 788.928 724.928 832 672 832zM224 128C206.368 128 192 142.368 192 160l0 576c0 17.664 14.368 32 32 32l448 0c17.664 0 32-14.336 32-32L704 160c0-17.632-14.336-32-32-32L224 128z" p-id="5418"></path><path d="M800 960 320 960c-17.664 0-32-14.304-32-32s14.336-32 32-32l480 0c17.664 0 32-14.336 32-32L832 256c0-17.664 14.304-32 32-32s32 14.336 32 32l0 608C896 916.928 852.928 960 800 960z" p-id="5419"></path><path d="M544 320 288 320c-17.664 0-32-14.336-32-32s14.336-32 32-32l256 0c17.696 0 32 14.336 32 32S561.696 320 544 320z" p-id="5420"></path><path d="M608 480 288.032 480c-17.664 0-32-14.336-32-32s14.336-32 32-32L608 416c17.696 0 32 14.336 32 32S625.696 480 608 480z" p-id="5421"></path><path d="M608 640 288 640c-17.664 0-32-14.304-32-32s14.336-32 32-32l320 0c17.696 0 32 14.304 32 32S625.696 640 608 640z" p-id="5422"></path></svg>
+`,I1=`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" tabindex="-1" data-state="closed" data-grace-area-trigger=""><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><path d="M12 17h.01"></path></svg>
+`,A1=`<svg t="1769876268522" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5619" width="200" height="200"><path d="M341.617778 942.933333A427.804444 427.804444 0 0 1 81.180444 682.666667h157.582223c17.521778 107.52 54.385778 199.111111 102.855111 260.266666zM65.422222 625.777778a428.600889 428.600889 0 0 1 0-170.666667h166.115556a910.051556 910.051556 0 0 0 0 170.666667H65.422222z m15.758222-227.555556a427.804444 427.804444 0 0 1 260.437334-260.266666C293.148444 199.111111 256.284444 290.645333 238.819556 398.222222H81.180444z m544.312889-260.266666A427.804444 427.804444 0 0 1 885.930667 398.222222h-157.582223c-17.521778-107.52-54.385778-199.111111-102.855111-260.266666zM901.688889 455.111111a428.600889 428.600889 0 0 1 0 170.666667h-166.115556a910.051556 910.051556 0 0 0 0-170.666667h166.115556z m-15.758222 227.555556a427.804444 427.804444 0 0 1-260.437334 260.266666c48.469333-61.155556 85.333333-152.689778 102.798223-260.266666h157.639111z m-207.530667-56.888889h-389.688889a849.180444 849.180444 0 0 1 0-170.666667h389.688889a849.180444 849.180444 0 0 1 0 170.666667z m-7.793778 56.888889c-29.354667 167.537778-107.804444 284.444444-187.050666 284.444444-79.246222 0-157.696-116.906667-187.050667-284.444444h374.101333z m0-284.444445H296.504889C325.859556 230.684444 404.309333 113.777778 483.555556 113.777778c79.246222 0 157.696 116.906667 187.050666 284.444444z" fill="#C054AF" p-id="5620"></path></svg>
+`,B1=`<svg t="1773109860650" class="icon" viewBox="0 0 1026 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1927" width="200" height="200"><path d="M716.8 2.048q67.584 27.648 124.416 74.24t97.28 106.496 63.488 131.072 23.04 148.992q0 68.608-17.92 132.096t-50.176 118.784-77.824 100.864-100.864 77.824-119.296 50.176-132.608 17.92q-77.824 0-148.992-22.528t-131.072-63.488-106.496-97.792-74.24-124.416q64.512 73.728 153.6 115.712t194.56 41.984q95.232 0 179.2-36.352t146.432-98.816 98.816-146.432 36.352-179.2q0-104.448-42.496-194.048t-115.2-153.088zM220.16 289.792l-89.088-86.016 122.88-18.432 54.272-110.592 55.296 110.592 122.88 18.432-89.088 86.016 21.504 122.88-110.592-58.368-109.568 58.368z" p-id="1928"></path></svg>
+`,H1=`<svg t="1769918369847" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7341" width="200" height="200"><path d="M509.638213 1024C232.368934 1024 5.513543 797.144609 5.513543 519.87736S232.368934 15.754721 509.638213 15.754721 1013.760853 242.610112 1013.760853 519.87736 788.48134 1024 509.638213 1024z" fill="#2EA2DB" p-id="7342"></path><path d="M233.944812 560.83801h31.507411v31.507411H233.944812zM334.768528 560.83801h31.507411v31.507411h-31.507411zM437.170152 560.83801h31.507412v31.507411h-31.507412z" fill="#193651" p-id="7343"></path><path d="M925.540102 902.695959h-173.291777c-40.96065 0-75.617787 33.083289-75.617786 75.617787v31.507411h322.953502v-31.507411c1.573847-42.534497-31.509442-75.617787-74.043939-75.617787z" fill="#FFFFFF" p-id="7344"></path><path d="M1001.157888 1024h-322.953502c-9.453239 0-15.754721-6.301482-15.754721-15.754721V976.739899c0-50.411858 40.96065-91.372508 91.372508-91.372508h173.291776c50.411858 0 91.372508 40.96065 91.372508 91.372508v31.507411c-1.573847 7.87736-9.451208 15.75269-17.328569 15.75269z m-307.200812-31.507411h291.446092v-15.754721c0-33.083289-26.781807-59.865097-59.865097-59.865097h-173.291777c-33.083289 0-59.865097 26.781807-59.865096 59.865097v15.754721h1.575878z" fill="#193651" p-id="7345"></path><path d="M838.893198 918.45068c-9.453239 0-15.754721-6.301482-15.754721-15.754721V313.502295c0-88.220751-72.468061-160.688812-160.688812-160.688813H446.62136c-9.453239 0-15.754721-6.301482-15.754721-15.754721 0-9.453239 6.301482-15.754721 15.754721-15.75472h217.404183c105.55135 0 192.196223 86.646904 192.196224 192.196223v589.193665c-1.573847 7.879391-7.87736 15.756752-17.328569 15.756751z" fill="#193651" p-id="7346"></path><path d="M446.62136 174.867655h-192.196223C175.655594 211.102701 118.942254 291.446091 118.942254 384.394477h461.588142c1.573847-92.948386-53.563614-173.291777-133.909036-209.526822z" fill="#FFFFFF" p-id="7347"></path><path d="M452.922843 160.688812c-1.575878-1.575878-4.725604-1.575878-6.301483-1.575878h-192.196223c-1.575878 0-4.725604 0-6.301482 1.575878-88.220751 40.96065-143.360244 127.605523-143.360244 223.705665 0 9.453239 6.301482 15.754721 15.754721 15.754721h461.588142c9.453239 0 15.754721-6.301482 15.754721-15.754721-0.002031-96.098112-56.715371-184.320894-144.938152-223.705665z m-316.652021 207.950944c6.301482-75.617787 51.987736-144.936122 121.304041-178.019411h185.894741c69.316304 33.083289 116.578437 102.399594 121.30404 178.019411H136.270822z" fill="#193651" p-id="7348"></path><path d="M194.560041 321.379655c14.178843-34.659168 40.96065-64.5907 74.043939-83.495147h163.840568c34.659168 18.904447 59.865097 48.83598 74.04394 83.495147H194.560041zM350.523249 15.754721c-53.563614 0-96.098112 42.534497-96.098112 96.098112v63.014822h192.196223v-63.014822c0-53.563614-42.534497-96.098112-96.098111-96.098112z" fill="#E1E6E9" p-id="7349"></path><path d="M350.523249 0c-61.440975 0-111.852833 50.411858-111.852833 111.852833v63.014822c0 9.453239 6.301482 15.754721 15.754721 15.754721h192.196223c9.453239 0 15.754721-6.301482 15.754721-15.754721v-63.014822C462.376081 50.411858 411.964224 0 350.523249 0z m80.345421 159.114965h-160.688812V111.852833c0-44.110376 36.233015-80.345421 80.345422-80.345422s80.345421 36.233015 80.345421 80.345422l-0.002031 47.262132z" fill="#193651" p-id="7350"></path><path d="M249.699533 384.394477c0 56.71334 45.686254 100.823716 100.823716 100.823716 56.71334 0 100.823716-45.686254 100.823715-100.823716h-201.647431z" fill="#FDBF5E" p-id="7351"></path><path d="M350.523249 500.972914c-64.5907 0-116.578437-51.987736-116.578437-118.154315 0-9.453239 6.301482-15.754721 15.754721-15.754721H452.922843c9.453239 0 15.754721 6.301482 15.754721 15.754721 0 66.166579-53.563614 118.154315-118.154315 118.154315z m-85.071026-100.825747c7.87736 39.384772 42.534497 70.892183 85.071026 70.892183s77.193665-29.931533 85.071025-70.892183h-170.142051z" fill="#193651" p-id="7352"></path><path d="M619.915168 857.009706h-519.877361c-42.534497 0-75.617787 34.659168-75.617786 75.617786 0 42.534497 34.659168 75.617787 75.617786 75.617787h519.877361c-40.96065 0-75.617787-34.659168-75.617787-75.617787-0.002031-40.958619 33.081259-75.617787 75.617787-75.617786z" fill="#FFFFFF" p-id="7353"></path><path d="M619.915168 1024h-519.877361c-50.411858 0-91.372508-40.96065-91.372507-91.372508s40.96065-91.372508 91.372507-91.372507h519.877361c9.453239 0 15.754721 6.301482 15.754721 15.754721 0 7.87736-6.301482 15.754721-15.754721 15.754721-33.083289 0-59.865097 26.781807-59.865097 59.865096s26.781807 59.865097 59.865097 59.865097c7.87736 0 15.754721 7.87736 15.754721 15.754721-0.002031 9.449177-7.879391 15.750659-15.754721 15.750659z m-519.877361-151.235573c-33.083289 0-59.865097 26.781807-59.865096 59.865096s26.781807 59.865097 59.865096 59.865097h452.134904c-14.178843-15.754721-22.056203-37.808893-22.056203-59.865097 0-23.630051 7.87736-44.110376 22.056203-59.865096H100.037807z" fill="#193651" p-id="7354"></path><path d="M544.29535 948.382213H100.037807c-9.453239 0-15.754721-6.301482-15.754721-15.754721s6.301482-15.754721 15.754721-15.754721H545.871228c9.453239 0 15.754721 6.301482 15.754721 15.754721-1.575878 9.453239-7.87736 15.754721-17.330599 15.754721z" fill="#193651" p-id="7355"></path><path d="M619.915168 705.772101h-519.877361c-42.534497 0-75.617787 34.659168-75.617786 75.617787 0 42.534497 34.659168 75.617787 75.617786 75.617787h519.877361c-40.96065 0-75.617787-34.659168-75.617787-75.617787-0.002031-40.958619 33.081259-75.617787 75.617787-75.617787z" fill="#FDBF5E" p-id="7356"></path><path d="M619.915168 872.764427h-519.877361c-50.411858 0-91.372508-40.96065-91.372507-91.372508s40.96065-91.372508 91.372507-91.372508h519.877361c9.453239 0 15.754721 6.301482 15.754721 15.754721s-6.301482 15.754721-15.754721 15.754721h-1.575879c-31.507411 1.575878-58.289218 28.357685-58.289218 59.865097 0 33.083289 26.781807 59.865097 59.865097 59.865096 9.453239 0 15.754721 7.87736 15.754721 15.754721-0.002031 9.449177-7.879391 15.750659-15.754721 15.75066z m-519.877361-151.237605c-33.083289 0-59.865097 26.781807-59.865096 59.865097s26.781807 59.865097 59.865096 59.865096h452.134904c-14.178843-15.754721-22.056203-37.808893-22.056203-59.865096s7.87736-44.110376 22.056203-59.865097H100.037807z" fill="#193651" p-id="7357"></path><path d="M333.19468 912.149198l-39.384771-36.235046-40.96065 36.235046v-130.757279h80.345421z" fill="#F16051" p-id="7358"></path><path d="M544.29535 797.144609H100.037807c-9.453239 0-15.754721-6.301482-15.754721-15.754721s6.301482-15.754721 15.754721-15.754721H545.871228c9.453239 0 15.754721 6.301482 15.754721 15.754721-1.575878 7.879391-7.87736 15.754721-17.330599 15.754721z" fill="#193651" p-id="7359"></path></svg>
+`,E1='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>',S1={class:"border-r-1 border-gray-100 h-full flex flex-col"},j1={class:"flex-1 overflow-y-auto h-0 px-3 pb-3"},R1=["onClick"],N1={class:"flex-1"},U1={class:"flex justify-between p-3"},$1={class:"leading-7"},O1={class:"font-bold font-lg"},P1={class:"ml-3 text-gray-700"},T1={class:"h-[calc(100%-56px)] m-auto"},q1=["onClick"],G1={class:"w-72 flex flex-col gap-4"},Z1={class:"h-72 flex flex-col items-center justify-center"},Y1={class:"w-20 h-20"},X1={class:"leading-10 text-gray-500 overflow-hidden max-w-full px-4 text-ellipsis whitespace-nowrap"},J1={class:"flex-1 w-full h-full p-3 icon-picker-upload",style:{"--el-fill-color-blank":"#fafafc"}},K1="data:image/svg+xml;base64,",Q1="data-category",W1="data-name",q=A({__name:"IconPicker",props:{url:String,name:String,copyIcon:{type:Boolean,default:!1}},setup(v,{expose:n}){const r=v,f=t1(),a=O({url:r.url,name:r.name}),o=w("mdi"),m=e=>fetch("node_modules/@iconify/json/json/"+e+".json",{credentials:"omit"}).then(l=>l.json()),i=l1(new Map),B=R(()=>{i.clear();const e=Object.entries(_1).map(([u,s])=>{let h={key:u,load:()=>m(u),...s};const M=h.load;return h={...h,onClick:()=>{o.value=h.key},load:async()=>{const g=await M(),E=[];return w1(g,(L,S)=>{if(!S)return;const V=g1(S,{...M1,height:"auto"}),j={...V.attributes,width:"1em",height:"1em",[Q1]:g.prefix,[W1]:L},K=`<svg xmlns="http://www.w3.org/2000/svg" ${Object.entries(j).map(([Q,W])=>`${Q}="${W}"`).join(" ")}>${V.body}</svg>`;E.push([L,K,()=>s1("svg",{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",...j,innerHTML:V.body}),`${g.prefix}:${L}`])}),E}},i.set(h.key,h),h}),l=Object.assign({"../../../../../../../src/assets/icons/barLine.svg":F1,"../../../../../../../src/assets/icons/bell.svg":L1,"../../../../../../../src/assets/icons/codepen.svg":V1,"../../../../../../../src/assets/icons/copy.svg":D1,"../../../../../../../src/assets/icons/helper.svg":I1,"../../../../../../../src/assets/icons/locale.svg":A1,"../../../../../../../src/assets/icons/star1.svg":B1,"../../../../../../../src/assets/icons/study.svg":H1,"../../../../../../../src/assets/icons/vue.svg":E1}),_=[{key:"",name:"本地图标",total:Object.keys(l).length,onClick:()=>{o.value=""},load:()=>new Promise(u=>u(Object.entries(l).map(([s,h])=>{var g;const M=(g=s.split("/").pop())==null?void 0:g.replace(".svg","");return[M,h,M,M,"svg"]})))},...e];return i.set("",_[0]),_}),z=w(""),G=R(()=>B.value.filter(e=>e.key.includes(z.value)||e.name.includes(z.value))),y=w(""),H=w(!1),F=w([]),Z=x1(async()=>{H.value=!0;let e=i.get(o.value);return e?(y1(e.load)&&(e=e.load()),e=await e.finally(()=>{H.value=!1}),F.value=e,e):[]}),Y=k1(()=>{var e;F.value=((e=Z.value)==null?void 0:e.filter(l=>l[0].includes(y.value)||l[3].includes(y.value)))??[]},300),X=e=>{a.url=K1+btoa(e[1]),a.name=e[3]+".svg",r.copyIcon&&(b1(`<DtIcon icon="${a.url}" />`),v1.success("已复制图标代码"))},J=async e=>{if(e.raw){a.name=e.name;const l=new FileReader;l.addEventListener("load",()=>{a.url=l.result}),l.readAsDataURL(e.raw)}return new Promise(()=>{})};return n({getImg:()=>a}),(e,l)=>{var _,u;return d(),k("div",P({class:"flex flex-row"},t(f)),[c("div",S1,[p(t(U),{class:"p-3",modelValue:z.value,"onUpdate:modelValue":l[0]||(l[0]=s=>z.value=s),"suffix-icon":t($),placeholder:"搜索类别",clearable:""},null,8,["modelValue","suffix-icon"]),c("div",j1,[(d(!0),k(T,null,o1(G.value,s=>(d(),k("div",{key:s.name,onClick:s.onClick,class:c1(["leading-9 mt-1 cursor-pointer",o.value===s.key?"text-[var(--el-color-primary)]":""])},b(s.name),11,R1))),128))])]),c("div",N1,[c("div",U1,[c("p",$1,[c("span",O1,b((_=t(i).get(o.value||""))==null?void 0:_.name),1),c("span",P1,b((u=t(i).get(o.value))==null?void 0:u.total)+" 个",1)]),p(t(U),{class:"w-56!",modelValue:y.value,"onUpdate:modelValue":l[1]||(l[1]=s=>y.value=s),"suffix-icon":t($),placeholder:"请输入",clearable:"",onInput:t(Y)},null,8,["modelValue","suffix-icon","onInput"])]),c("div",T1,[p(t(z1),{items:F.value,"item-height":54,"item-width":54},{default:C(({item:s})=>[c("div",{class:"flex items-center justify-center hover:border-[var(--el-color-primary)] rounded-md border-1 border-transparent w-10 h-10",onClick:()=>X(s)},[p(t(d1),{content:s[3],"show-arrow":!1,effect:"light","show-after":300},{default:C(()=>[p(t(I),{class:"opacity-60 transition-all cursor-pointer hover:opacity-100 hover:text-[var(--el-color-primary)]",icon:s[2],size:22,type:s[4]||"offline"},null,8,["icon","type"])]),_:2},1032,["content"])],8,q1)]),_:1},8,["items"])])]),c("div",G1,[c("div",Z1,[c("div",Y1,[a.url?(d(),x(t(p1),{key:1,class:"w-full h-full dt-icon-img flex",src:a.url,"preview-src-list":[a.url],fit:"cover"},null,8,["src","preview-src-list"])):(d(),x(t(I),{key:0,icon:t(f1),size:80,color:"#aaa"},null,8,["icon"]))]),c("p",X1,b(a.name||"未选择"),1)]),c("div",J1,[p(t(u1),{class:"w-full h-full",drag:"",accept:"image/*","auto-upload":!1,"show-file-list":!1,onChange:J},{default:C(()=>[p(t(I),{icon:t(m1),size:60,color:"#aaa"},null,8,["icon"]),l[2]||(l[2]=c("p",null,"点击或拖拽文件至此",-1))]),_:1})])])],16)}}}),e5=A({__name:"SelectIcon",setup(v){const n=O({url:"",name:""}),r=w(),[f,{closeModal:a}]=n1({title:"选择图标",width:"70%",appendToBody:!0,onSave:()=>{var o;return a((o=t(r))==null?void 0:o.getImg())}},o=>{n.url=o.url,n.name=o.name});return(o,m)=>(d(),x(t(r1),{onRegister:t(f),class:"p-0!"},{default:C(()=>[p(q,P({ref_key:"iconPickerRef",ref:r,class:"h-[calc(100vh-160px)]"},n),null,16)]),_:1},8,["onRegister"]))}}),t5=A({__name:"index",props:a1({mode:{default:"dialog"},copyIcon:{type:Boolean,default:!1}},{visiable:{default:!1},visiableModifiers:{},icon:{default:""},iconModifiers:{},iconName:{default:""},iconNameModifiers:{}}),emits:["update:visiable","update:icon","update:iconName"],setup(v){const n=D(v,"visiable"),r=D(v,"icon"),f=D(v,"iconName"),[a,{openModal:o},m]=h1();return N(m,i=>n.value=i),C1(()=>{N(n,()=>{n.value!==m.value&&o({url:r.value,name:f.value},i=>{f.value=i.name,r.value=i.url})},{immediate:!0})}),(i,B)=>i.mode==="dialog"?(d(),k(T,{key:0},[t(m)?(d(),x(e5,{key:0,onRegister:t(a)},null,8,["onRegister"])):i1("",!0)],64)):(d(),x(q,{key:1,class:"h-full",copyIcon:i.copyIcon},null,8,["copyIcon"]))}}),w5=e1(t5);export{w5 as DtIconPicker,w5 as default};

package/dist/es/components/icon-picker/src/components/IconPicker.d.ts

@@ -0,0 +1,23 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    url: StringConstructor;
+    name: StringConstructor;
+    copyIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    getImg: () => {
+        url: string | undefined;
+        name: string | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    url: StringConstructor;
+    name: StringConstructor;
+    copyIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    copyIcon: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/es/components/icon-picker/src/components/SelectIcon.d.ts

@@ -0,0 +1,39 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    iconPickerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        url: StringConstructor;
+        name: StringConstructor;
+        copyIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        getImg: () => {
+            url: string | undefined;
+            name: string | undefined;
+        };
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        copyIcon: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        url: StringConstructor;
+        name: StringConstructor;
+        copyIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        getImg: () => {
+            url: string | undefined;
+            name: string | undefined;
+        };
+    }, {}, {}, {}, {
+        copyIcon: boolean;
+    }> | null;
+}, any>;
+export default _default;

package/dist/es/components/icon-picker/src/icon.d.ts

@@ -0,0 +1,13 @@
+import { Recordable } from '@dt-frames/core';
+/**
+ * 一个缓存对象，在不刷新页面时，无需重复请求远程接口
+ */
+export declare const ICONS_MAP: Recordable<string[]>;
+/**
+ * 通过Iconify接口获取图标集数据。
+ * 同一时间多个图标选择器同时请求同一个图标集时，实际上只会发起一次请求（所有请求共享同一份结果）。
+ * 请求结果会被缓存，刷新页面前同一个图标集不会再次请求
+ * @param prefix 图标集名称
+ * @returns 图标集中包含的所有图标名称
+ */
+export declare function fetchIconsData(prefix: string): Promise<string[]>;

package/dist/es/components/icon-picker/src/index.d.ts

@@ -0,0 +1,27 @@
+type __VLS_Props = {
+    mode?: 'dialog' | 'normal' | '';
+    copyIcon?: boolean;
+};
+declare const __VLS_defaults: {
+    visiable: boolean;
+    icon: string;
+    iconName: string;
+};
+type __VLS_PublicProps = {
+    'visiable'?: typeof __VLS_defaults['visiable'];
+    'icon'?: typeof __VLS_defaults['icon'];
+    'iconName'?: typeof __VLS_defaults['iconName'];
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:visiable": (value: boolean) => any;
+    "update:icon": (value: string) => any;
+    "update:iconName": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:visiable"?: ((value: boolean) => any) | undefined;
+    "onUpdate:icon"?: ((value: string) => any) | undefined;
+    "onUpdate:iconName"?: ((value: string) => any) | undefined;
+}>, {
+    mode: "dialog" | "normal" | "";
+    copyIcon: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/withInstall';
+import { default as Frame } from './src/index';
+declare const DtIframe: SFCWithInstall<typeof Frame>;
+export { DtIframe, DtIframe as default };

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

@@ -0,0 +1 @@
+import"@vue/shared";import{defineComponent as v,ref as r,watch as w,onUnmounted as x,resolveDirective as y,withDirectives as _,createElementBlock as d,openBlock as f,unref as u}from"vue";import{dispatchResize as m,windowResize as R}from"@dt-frames/core";const L=(t,c)=>(t.install=e=>{for(const i of[t,...Object.values({})])e.component(i.name,i)},t),b={class:"dt-iframe h-full w-full","element-loading-text":"加载中..."},k=["src"],E=v({__name:"index",props:{showLoading:{type:Boolean,default:!0},src:{type:String},height:{type:String},exeReduce:{type:Number,default:78},receiveMsg:{type:Function}},setup(t,{expose:c}){const e=t,i=r(),l=r(!0);function s(){const o=u(i);if(!o||!o.style)return;const n=document.documentElement.clientHeight-e.exeReduce;o.style.height=`${n}px`}w(()=>e.exeReduce,()=>{s(),m()});const h=r(null);function g(){l.value=!1,e.height?u(i).style.height=`${e.height}px`:R(s,150,{immediate:!0}),s(),m()}const a=o=>{var n;(n=e.receiveMsg)==null||n.call(e,o.data)};return window.addEventListener("message",a,!1),x(()=>{window.removeEventListener("message",a,!1)}),c({iframe:h}),(o,n)=>{const p=y("loading");return _((f(),d("div",b,[(f(),d("iframe",{key:t.src,src:t.src,class:"dt-iframe__main w-full h-full overflow-hidden bg-white border-0",ref_key:"frameRef",ref:i,onLoad:n[0]||(n[0]=B=>g())},null,40,k))])),[[p,l.value]])}}}),$=L(E);export{$ as DtIframe,$ as default};

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

@@ -0,0 +1,46 @@
+import { PropType } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    showLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    src: {
+        type: StringConstructor;
+    };
+    height: {
+        type: PropType<string | number>;
+    };
+    exeReduce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    receiveMsg: {
+        type: PropType<(msg: string) => void>;
+    };
+}>, {
+    iframe: import('vue').Ref<null, null>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    showLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    src: {
+        type: StringConstructor;
+    };
+    height: {
+        type: PropType<string | number>;
+    };
+    exeReduce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    receiveMsg: {
+        type: PropType<(msg: string) => void>;
+    };
+}>> & Readonly<{}>, {
+    showLoading: boolean;
+    exeReduce: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    frameRef: HTMLIFrameElement;
+}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,7 @@
+import { SFCWithInstall } from '../../utils/withInstall';
+import { default as Modal } from './src/index';
+import { ModalProps } from './src/types/modal';
+import { useModal, useModalOut } from './src/hooks/useModal';
+declare const DtModal: SFCWithInstall<typeof Modal>;
+export { DtModal, DtModal as default, useModalOut, useModal };
+export type { ModalProps };

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

@@ -0,0 +1 @@
+import{withInstall as Y}from"../../utils/withInstall";import{defineComponent as H,ref as d,createElementBlock as F,openBlock as p,createElementVNode as _,createBlock as B,unref as o,Fragment as Z,createTextVNode as ee,toDisplayString as oe,createVNode as z,createCommentVNode as P,withCtx as b,useAttrs as te,useSlots as le,computed as R,getCurrentInstance as q,watch as A,onUnmounted as ne,resolveDirective as se,mergeProps as T,withDirectives as ae,normalizeClass as re,renderSlot as $,reactive as ie,toRaw as ue}from"vue";import{ElTooltip as L,ElDialog as ce}from"element-plus";import{useAppStore as pe}from"../../stores/app.store";import{omit as de}from"lodash-es";import{isFunction as G,$t as W,isObject as fe,error as J}from"@dt-frames/core";import{FormButtons as ye}from"../form";import{UiAim as me,UiFullscreenExit as ve,UiFullscreen as he,UiClose as K,UiSave as Be}from"@dt-frames/icons";import{DtIcon as D}from"../icon";const Ce={class:"flex pl-6 pr-2 py-2 border-b border-[#f0f0f0] h-12"},ge={class:"flex-1 leading-8 bold"},we={class:"flex cursor-pointer"},Me=H({__name:"Header",props:{authPrefix:{},loading:{type:[Object,Boolean]},title:{},width:{},fullscreen:{type:Boolean},showReposition:{type:Boolean},top:{},modal:{type:Boolean},modalPenetrable:{type:Boolean},modalClass:{},headerClass:{},bodyClass:{},footerClass:{},appendToBody:{type:Boolean},appendTo:{},lockScroll:{type:Boolean},openDelay:{},closeDelay:{},closeOnClickModal:{type:Boolean},closeOnPressEscape:{type:Boolean},showClose:{type:Boolean},beforeClose:{},draggable:{type:Boolean},overflow:{type:Boolean},center:{type:Boolean},alignCenter:{type:Boolean},destroyOnClose:{type:Boolean},closeIcon:{},zIndex:{},transition:{},showConfirmButton:{type:Boolean},showCancelButton:{type:Boolean},showFullScreenButton:{type:Boolean},footerButtons:{},headerSlot:{},footerSlot:{},onFullscreen:{},onOpen:{},onOpened:{},onClose:{},onClosed:{},onOpenAutoFocus:{},onCloseAutoFocus:{},onSave:{},close:{},toggleFullscreen:{},resetPosition:{}},setup(u){const c=u,s=d(!1),i=()=>c.title();return(l,a)=>(p(),F("div",Ce,[_("h4",ge,[o(G)(c.title)?(p(),B(i,{key:0})):(p(),F(Z,{key:1},[ee(oe(c.title),1)],64))]),_("div",we,[z(o(L),{content:"重新定位",placement:"bottom",effect:"light"},{default:b(()=>[l.showReposition?(p(),B(o(D),{key:0,type:"svg",icon:o(me),class:"p-2 opacity-70 hover:opacity-100 transition-all flex items-center justify-center w-8 h-8",size:32,onClick:l.resetPosition},null,8,["icon","onClick"])):P("",!0)]),_:1}),z(o(L),{visible:s.value,content:l.fullscreen?"取消全屏":"全屏",placement:"bottom",effect:"light"},{default:b(()=>[l.showFullScreenButton?(p(),B(o(D),{key:0,class:"p-2 opacity-70 hover:opacity-100 transition-all flex items-center justify-center w-8 h-8",type:"svg",icon:l.fullscreen?o(ve):o(he),size:30,onMouseenter:a[0]||(a[0]=v=>s.value=!0),onMouseleave:a[1]||(a[1]=v=>s.value=!1),onClick:a[2]||(a[2]=()=>{l.toggleFullscreen(),s.value=!1})},null,8,["icon"])):P("",!0)]),_:1},8,["visible","content"]),l.showClose?(p(),B(o(D),{key:0,onClick:l.close,type:"svg",icon:o(K),class:"p-2 opacity-60 hover:opacity-100 transition-all flex items-center justify-center w-8 h-8",size:32},null,8,["onClick","icon"])):P("",!0)])]))}}),be={key:0,class:"px-4 py-[10px] border-t border-[#f0f0f0] justify-end flex"},ke=H({__name:"index",props:{authPrefix:{},loading:{type:[Object,Boolean]},title:{},width:{},fullscreen:{type:Boolean},showReposition:{type:Boolean},top:{},modal:{type:Boolean},modalPenetrable:{type:Boolean},modalClass:{},headerClass:{},bodyClass:{},footerClass:{},appendToBody:{type:Boolean},appendTo:{},lockScroll:{type:Boolean,default:!0},openDelay:{},closeDelay:{},closeOnClickModal:{type:Boolean},closeOnPressEscape:{type:Boolean},showClose:{type:Boolean},beforeClose:{},draggable:{type:Boolean},overflow:{type:Boolean},center:{type:Boolean},alignCenter:{type:Boolean,default:!0},destroyOnClose:{type:Boolean,default:!0},closeIcon:{},zIndex:{},transition:{},showConfirmButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!0},showFullScreenButton:{type:Boolean},footerButtons:{},headerSlot:{},footerSlot:{},onFullscreen:{},onOpen:{},onOpened:{},onClose:{},onClosed:{},onOpenAutoFocus:{},onCloseAutoFocus:{},onSave:{}},emits:["open-change","register"],setup(u,{emit:c}){const s=te(),{appConf:i}=pe(),l=u,a=c,v=le(),e=d(null),t=d(!1),h=d(),r=R(()=>{var n;return{...l,...((n=i.ui)==null?void 0:n.modal)??{},...h.value}}),y=R(()=>o(r.value.loading)??!1),f=R(()=>{const{footerButtons:n,showCancelButton:k,showConfirmButton:I,onSave:m}=o(r);if(n)return n;const w=[{label:W("COMMON.CANCEL","取消"),preIcon:K,disabled:o(y),onClick:()=>x({open:!1})},{label:W("COMMON.CONFIRM","确定"),preIcon:Be,type:"primary",disabled:o(y),onClick:()=>m==null?void 0:m()}];return I||w.pop(),k||w.shift(),w}),C=()=>{var n;(n=e.value)==null||n.resetPosition()},S={getModalProps:()=>o(r),setModalProps:x,resetPosition:C},N=q();N&&a("register",S,N.uid,t);function x(n){h.value={...h.value,...o(n)},Reflect.has(n,"open")&&(t.value=!!n.open)}const Q=A(()=>t.value,n=>{a("open-change",n)},{immediate:!1});return ne(()=>{Q()}),(n,k)=>{const I=se("loading");return p(),B(o(ce),T({ref_key:"modelRef",ref:e,modelValue:t.value,"onUpdate:modelValue":k[0]||(k[0]=m=>t.value=m)},o(de)(r.value,["open","title","showClose"]),{showClose:!1,style:{padding:0,"--el-dialog-padding-primary":0}}),{header:b(({close:m,titleId:w,titleClass:X})=>[o(v).header?$(n.$slots,"header",{key:0,close:m,titleId:w,titleClass:X}):(p(),B(Me,T({key:1},r.value,{close:m,toggleFullscreen:()=>{var V,j,U;x({fullscreen:!r.value.fullscreen}),(U=(j=r.value).onFullscreen)==null||U.call(j,((V=r.value)==null?void 0:V.fullscreen)??!1)},resetPosition:C}),null,16,["close","toggleFullscreen"]))]),footer:b(()=>[o(v).footer||f.value.length?(p(),F("div",be,[o(v).footer?$(n.$slots,"footer",{key:0}):(p(),B(o(ye),{key:1,mode:"modal",buttonList:f.value},null,8,["buttonList"]))])):P("",!0)]),default:b(()=>[ae((p(),F("div",{class:re(["p-6 min-h-[200px] overflow-y-auto overflow-x-hidden flex-1",`${o(s).class} ${r.value.bodyClass} ${r.value.fullscreen?"max-h-full":"max-h-[calc(100vh-160px)]"}`]),"element-loading-text":"加载中..."},[$(n.$slots,"default")],2)),[[I,y.value]])]),_:3},16,["modelValue"])}}}),M=ie({}),g={},E={},O={};function Ee(){const u=d(null),c=d(!0),s=d(""),i=d(!1);function l(e,t="",h){if(!q())throw new Error("useModal只能在setup()或者函数中使用");if(s.value=t,o(c)&&e===o(u))return;u.value=e,c.value=!0;const r=A(()=>o(h),f=>{f===!1?setTimeout(()=>{i.value=f,y()},250):i.value=f??!0}),y=()=>{r(),u.value=null,c.value=!1,E==null||delete E[o(s)],M==null||delete M[o(s)],g==null||delete g[o(s)]}}const a=()=>{const e=o(u);return e||J("useModalOut 实例未定义"),e};return[l,{setModalProps:e=>{var t;(t=a())==null||t.setModalProps(e)},openModal:(e,t)=>{i.value=!0;const h=A(()=>o(s),r=>{var y,f;if(r){const C=o(s);(y=O[C])==null||y.call(O,fe(e)?{...ue(e)}:e),(f=a())==null||f.setModalProps({footer:[],defaultFullscreen:!1,...M[C],open:!0}),g[C]=S=>{t&&G(t)&&t(S)},h()}})},closeModal:()=>{var e;(e=a())==null||e.setModalProps({open:!1})}},i]}function Ae(u,c){const s=d(null),i=d(""),l=()=>{const e=o(s);return e||J("useModal 实例未定义"),e};return[(e,t="")=>{i.value=t,s.value=e,O[t]=c,M[t]=u,e.setModalProps(u)},{setLoading:(e=!0)=>{var t;(t=l())==null||t.setModalProps({loading:e})},resetPosition:()=>{var e,t;(t=(e=l())==null?void 0:e.resetPosition)==null||t.call(e)},closeModal:e=>{var t;g[o(i)]&&g[o(i)](e),(t=l())==null||t.setModalProps({open:!1})},setModalProps:e=>{var t;(t=l())==null||t.setModalProps(e)},getModalProps:()=>{var e,t;return((t=(e=l())==null?void 0:e.getModalProps)==null?void 0:t.call(e))??{}}}]}const Ne=Y(ke);export{Ne as DtModal,Ne as default,Ae as useModal,Ee as useModalOut};

package/dist/es/components/modal/src/components/Header.d.ts

@@ -0,0 +1,8 @@
+import { ModalProps } from '../types/modal';
+type __VLS_Props = ModalProps & {
+    close: () => void;
+    toggleFullscreen: () => void;
+    resetPosition: () => void;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/es/components/modal/src/hooks/useModal.d.ts

@@ -0,0 +1,24 @@
+import { ModalProps, UseModalInnerReturnType, UseModalReturnType } from '../types/modal';
+declare function useModalOut(): UseModalReturnType;
+/**
+ * 通过内部控制弹框相关配置
+ * @param props 弹框属性
+ * @param setModalData 弹框数据
+ *
+ * @use
+ * 	外部弹框：
+ *
+ * 		const [register, methods, open] = useModalOut()
+ * 		methods.openModal({desc: '我是即将传入到弹框中的数据'})
+ *
+ * 	内部弹框：
+ * 		const [register, methods] = useModal({
+ * 			title: '我是弹框标题',
+ * 			width: '50%'
+ * 		}, (data) => {
+ * 			console.log('我是外部传入的数据', data)
+ * 		})
+ *
+ */
+declare function useModal(props: ModalProps, setModalData?: (data: any) => void): UseModalInnerReturnType;
+export { useModalOut, useModal };