@dt-frames/ui 3.0.1 → 4.0.1

package/es/components/curd/src/props.d.ts

@@ -1,138 +0,0 @@
-import { FormSchema } from '../../form';
-import { Key } from 'ant-design-vue/es/table/interface';
-import { CloseParam, CurdActionType, SaveParam } from './types/curd.type';
-import { FormProps } from '../../form';
-export declare const basicProps: {
-    title: {
-        type: globalThis.PropType<String | globalThis.ComputedRef<String> | globalThis.Ref<String>>;
-    };
-    titlepRrefix: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    schemas: {
-        type: globalThis.PropType<FormSchema[]>;
-        default: () => any[];
-    };
-    authPrefix: {
-        type: StringConstructor;
-    };
-    formProps: {
-        type: globalThis.PropType<Partial<FormProps>>;
-        default: () => {};
-    };
-    primaryKey: {
-        type: globalThis.PropType<String | Number>;
-        default: string;
-    };
-    defaultFormValue: {
-        type: globalThis.PropType<globalThis.Recordable>;
-    };
-    beforeSave: {
-        type: globalThis.PropType<(param: SaveParam) => SaveParam>;
-    };
-    afterClose: {
-        type: globalThis.PropType<(param: CloseParam) => void>;
-    };
-    onSave: {
-        type: globalThis.PropType<() => void>;
-        default: () => {};
-    };
-    onDeletes: {
-        type: globalThis.PropType<(keys: Key[]) => void>;
-        default: (keys: Key[]) => {};
-    };
-    onQueryById: {
-        type: globalThis.PropType<(id: Key) => Promise<any>>;
-        default: (id: Key) => {};
-    };
-    registerInstance: {
-        type: globalThis.PropType<(instance: CurdActionType) => void>;
-    };
-    t: {
-        type: StringConstructor;
-    };
-    open: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    closable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    scrollTop: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    height: {
-        type: NumberConstructor;
-    };
-    minHeight: {
-        type: NumberConstructor;
-    };
-    width: {
-        type: globalThis.PropType<String | Number>;
-    };
-    draggable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    defaultFullscreen: {
-        type: BooleanConstructor;
-    };
-    canFullscreen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    loadingTip: {
-        type: StringConstructor;
-        default: string;
-    };
-    wrapClassName: {
-        type: StringConstructor;
-    };
-    zIndex: {
-        type: NumberConstructor;
-    };
-    centered: {
-        type: BooleanConstructor;
-    };
-    showOkBtn: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showCancelBtn: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    okText: {
-        type: StringConstructor;
-    };
-    cancelText: {
-        type: StringConstructor;
-    };
-    mask: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    maskClosable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    keyboard: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    maskStyle: globalThis.PropType<import("vue").CSSProperties>;
-    footer: {
-        type: globalThis.PropType<import('../../form').ButtonProps[]>;
-    };
-    bodyStyle: globalThis.PropType<import("vue").CSSProperties>;
-    wrapperProps: ObjectConstructor;
-    getContainer: globalThis.PropType<() => any>;
-    closeFunc: globalThis.PropType<() => Promise<boolean>>;
-};

package/es/components/curd/src/types/curd.type.d.ts

@@ -1,59 +0,0 @@
-import { ExtractPropTypes, ComputedRef, Ref, CSSProperties } from 'vue';
-import { Recordable } from '@dt-frames/core';
-import { Key } from 'ant-design-vue/es/table/interface';
-import { basicProps } from '../props';
-import { ButtonProps, FormActionType, FormProps, FormSchema } from '../../../form';
-export type CurdActionType = Partial<FormActionType> & {
-    openAddDialog: () => void;
-    del: (row: Recordable) => void;
-    dels: (ids: Key[]) => void;
-    openEditDialog: (row: Recordable) => void;
-    closeModal: () => void;
-    setModalProps: (props: Partial<ExtractPropTypes<typeof basicProps>>) => void;
-    beforeSave: (param: SaveParam) => SaveParam;
-    afterClose: (param: CloseParam) => void;
-};
-export type CloseParam = {
-    type: 'ADD' | 'EDIT' | 'DELETE';
-    data: any;
-};
-export type SaveParam = Recordable | String | Boolean | null | Array<any>;
-export type CurdType = {
-    t?: string;
-    title?: string | ComputedRef<string> | Ref<string> | ((data?: Recordable) => String);
-    titlePrefix?: boolean;
-    closable?: boolean;
-    height?: number;
-    minHeight?: number;
-    width?: string | number;
-    draggable?: boolean;
-    defaultFullscreen?: boolean;
-    canFullscreen?: boolean;
-    loading?: boolean;
-    loadingTip?: string;
-    wrapClassName?: string;
-    zIndex?: number;
-    centered?: boolean;
-    showOkBtn?: boolean;
-    showCancelBtn?: boolean;
-    okText?: string;
-    cancelText?: string;
-    mask?: boolean;
-    maskClosable?: boolean;
-    keyboard?: boolean;
-    maskStyle?: CSSProperties;
-    bodyStyle?: CSSProperties;
-    wrapperProps?: Object;
-    schemas?: FormSchema[];
-    footer?: null | ButtonProps[];
-    formProps?: FormProps;
-    primaryKey?: string | number;
-    defaultFormValue?: Recordable;
-    authPrefix?: string;
-    beforeSave?: (param: SaveParam) => SaveParam;
-    afterClose?: (param: CloseParam) => void;
-    onSave?: () => void;
-    onDeletes?: (keys: Key[]) => void;
-    onQueryById?: (id: Key) => Promise<any>;
-    registerInstance?: (instance: CurdActionType) => void;
-};

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

@@ -1,3 +0,0 @@
-import { useDrawerOut, useDrawer } from './src/hooks/useDrawer';
-import DtDrawer from "./src/index";
-export { DtDrawer, useDrawerOut, useDrawer };

package/es/components/drawer/index.js

@@ -1,299 +0,0 @@
-import { isProd, isObject, isFunction, error, isUnDef } from "@dt-frames/core";
-import { reactive, ref, getCurrentInstance, unref, onUnmounted, watch, toRaw, defineComponent, computed, openBlock, createBlock, mergeProps, isRef, createSlots, withCtx, createElementBlock, createElementVNode, toDisplayString, renderSlot, createCommentVNode, createVNode, renderList, normalizeProps, guardReactiveProps } from "vue";
-import { Spin, Drawer } from "ant-design-vue/es";
-import { omit } from "lodash-es";
-import { ModalFooter } from "../modal";
-const orgDialogProp = reactive({});
-const cbTransfer = {};
-const cbFun = {};
-function useDrawerOut() {
-  const drawer = ref(null);
-  const loaded = ref(false);
-  const uid = ref("");
-  const open = ref(false);
-  function register(drawerMethods, uuid, isOpen) {
-    if (!getCurrentInstance()) {
-      throw new Error("useDrawer\u53EA\u80FD\u5728setup()\u6216\u8005\u51FD\u6570\u4E2D\u4F7F\u7528");
-    }
-    uid.value = uuid;
-    if (unref(loaded) && drawerMethods === unref(drawer))
-      return;
-    drawer.value = drawerMethods;
-    loaded.value = true;
-    onUnmounted(() => {
-      if (isProd()) {
-        drawer.value = null;
-        loaded.value = false;
-        delete orgDialogProp[unref(uid)];
-        delete cbTransfer[unref(uid)];
-      }
-    });
-    watch(
-      () => unref(isOpen),
-      (v) => {
-        if (v === false) {
-          setTimeout(() => {
-            open.value = v;
-          }, 250);
-        } else {
-          open.value = v;
-        }
-      }
-    );
-  }
-  const getInstance = () => {
-    const instance = unref(drawer);
-    if (!instance) {
-      error("useDrawerOut \u5B9E\u4F8B\u672A\u5B9A\u4E49");
-    }
-    return instance;
-  };
-  const methods = {
-    setDrawerProps: (props) => {
-      getInstance()?.setDrawerProps(props);
-    },
-    openDrawer: (params = null, afterClose) => {
-      open.value = true;
-      let uidWatch = watch(
-        () => unref(uid),
-        (v) => {
-          if (v) {
-            const id = unref(uid);
-            cbFun[id]?.(isObject(params) ? { ...toRaw(params) } : params);
-            getInstance()?.setDrawerProps({
-              defaultFullscreen: false,
-              ...orgDialogProp[id],
-              open: true
-            });
-            cbTransfer[id] = (res) => {
-              if (afterClose && isFunction(afterClose)) {
-                afterClose(res);
-              }
-            };
-            uidWatch();
-          }
-        }
-      );
-    },
-    closeDrawer: () => {
-      getInstance()?.setDrawerProps({ open: false });
-    }
-  };
-  return [register, methods, open];
-}
-function useDrawer(props, setDrawerData) {
-  const drawerInstanceRef = ref(null);
-  const uidRef = ref("");
-  const getInstance = () => {
-    const instance = unref(drawerInstanceRef);
-    if (!instance) {
-      error("useDrawer \u5B9E\u4F8B\u672A\u5B9A\u4E49");
-    }
-    return instance;
-  };
-  const register = (drawerInstance, uuid) => {
-    uidRef.value = uuid;
-    drawerInstanceRef.value = drawerInstance;
-    cbFun[uuid] = setDrawerData;
-    orgDialogProp[uuid] = toRaw(props);
-    drawerInstance.setDrawerProps(props);
-  };
-  const methods = {
-    setLoading: (loading = true) => {
-      getInstance()?.setDrawerProps({ loading });
-    },
-    getDrawerProps: () => {
-      return getInstance()?.getDrawerProps();
-    },
-    closeDrawer: (rsp) => {
-      if (cbTransfer[unref(uidRef)])
-        cbTransfer[unref(uidRef)](rsp);
-      getInstance()?.setDrawerProps({ open: false });
-    },
-    setDrawerProps: (props2) => {
-      getInstance()?.setDrawerProps(props2);
-    }
-  };
-  return [register, methods];
-}
-const defaultProps = {
-  loadingTip: "\u52A0\u8F7D\u4E2D...",
-  mask: true,
-  maskClosable: true,
-  keyboard: true,
-  showOkBtn: true,
-  showCancelBtn: true,
-  placement: "right",
-  okText: "\u4FDD\u5B58",
-  cancelText: "\u5173\u95ED"
-};
-const _hoisted_1 = {
-  key: 0,
-  class: "flex h-full items-center"
-};
-const _hoisted_2 = {
-  key: 0,
-  class: "pr-12 flex items-start"
-};
-const _hoisted_3 = { key: 1 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  emits: ["cancel", "save", "register", "visible-change"],
-  setup(__props, { emit: emits }) {
-    const visibleRef = ref(false);
-    const propsRef = ref({});
-    const getMergeProps = computed(() => {
-      return {
-        ...defaultProps,
-        ...unref(propsRef) || {}
-      };
-    });
-    const getProps = computed(() => {
-      let opt = {
-        ...defaultProps,
-        bodyStyle: {
-          padding: 0
-        },
-        style: {
-          position: "absolute"
-        },
-        ...unref(getMergeProps)
-      };
-      const { getContainer, width } = opt;
-      if (isUnDef(getContainer)) {
-        opt = {
-          ...opt,
-          getContainer: ".dt-layout-content",
-          width: width || "100%"
-        };
-      } else {
-        opt.width = width || "500px";
-      }
-      return opt;
-    });
-    const loading = ref(false);
-    function setDrawerProps(props) {
-      propsRef.value = {
-        ...unref(propsRef),
-        ...props
-      };
-    }
-    async function handleCancel(e = null) {
-      const { beforeClose } = unref(getProps);
-      if (beforeClose && isFunction(beforeClose)) {
-        const isClose = await beforeClose();
-        visibleRef.value = !isClose;
-        return;
-      }
-      const { afterClose } = unref(getProps);
-      if (afterClose && isFunction(afterClose)) {
-        afterClose();
-      }
-      loading.value = false;
-      visibleRef.value = false;
-      emits("cancel", e);
-    }
-    function getDrawerProps() {
-      return unref(getProps);
-    }
-    function handleSave() {
-      emits("save");
-    }
-    const drawerMethods = {
-      setDrawerProps,
-      getDrawerProps
-    };
-    const instance = getCurrentInstance();
-    if (instance) {
-      emits("register", drawerMethods, instance.uid, visibleRef);
-    }
-    watch(
-      () => unref(propsRef).open,
-      (v) => {
-        emits("visible-change", v);
-        visibleRef.value = v;
-      },
-      { immediate: false }
-    );
-    watch(
-      () => unref(propsRef).loading,
-      (v) => {
-        loading.value = v;
-      },
-      { immediate: false }
-    );
-    return (_ctx, _cache) => {
-      const _component_ASpin = Spin;
-      const _component_ADrawer = Drawer;
-      return openBlock(), createBlock(_component_ADrawer, mergeProps({
-        class: "dt-drawer",
-        onClose: handleCancel
-      }, unref(omit)(unref(getProps), ["title", "footer"]), {
-        open: unref(visibleRef),
-        "onUpdate:open": _cache[0] || (_cache[0] = ($event) => isRef(visibleRef) ? visibleRef.value = $event : null)
-      }), createSlots({
-        title: withCtx(() => [
-          !_ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_1, [
-            createElementVNode("span", null, toDisplayString(unref(getProps).title), 1),
-            _ctx.$slots.titleExtra ? (openBlock(), createElementBlock("span", _hoisted_2, [
-              renderSlot(_ctx.$slots, "titleExtra")
-            ])) : createCommentVNode("", true)
-          ])) : (openBlock(), createElementBlock("div", _hoisted_3, [
-            renderSlot(_ctx.$slots, "title")
-          ]))
-        ]),
-        default: withCtx(() => [
-          createVNode(_component_ASpin, {
-            spinning: unref(loading),
-            tip: unref(getProps).loadingTip
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
-            ]),
-            _: 3
-          }, 8, ["spinning", "tip"])
-        ]),
-        _: 2
-      }, [
-        renderList(Object.keys(unref(omit)(_ctx.$slots, "default")), (item) => {
-          return {
-            name: item,
-            fn: withCtx((data) => [
-              renderSlot(_ctx.$slots, item, normalizeProps(guardReactiveProps(data || {})))
-            ])
-          };
-        }),
-        !_ctx.$slots.footer ? {
-          name: "footer",
-          fn: withCtx(() => [
-            createVNode(unref(ModalFooter), {
-              authPrefix: unref(getProps).authPrefix,
-              buttons: unref(propsRef).footer,
-              showSave: unref(getProps).showOkBtn,
-              showCancel: unref(getProps).showCancelBtn,
-              okText: unref(getProps).okText,
-              cancelText: unref(getProps).cancelText,
-              onHandleSave: handleSave,
-              onHandleCancel: handleCancel
-            }, createSlots({ _: 2 }, [
-              renderList(Object.keys(_ctx.$slots), (item) => {
-                return {
-                  name: item,
-                  fn: withCtx((data) => [
-                    renderSlot(_ctx.$slots, item, normalizeProps(guardReactiveProps(data || {})))
-                  ])
-                };
-              })
-            ]), 1032, ["authPrefix", "buttons", "showSave", "showCancel", "okText", "cancelText"])
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1040, ["open"]);
-    };
-  }
-});
-export {
-  _sfc_main as DtDrawer,
-  useDrawer,
-  useDrawerOut
-};

package/es/components/drawer/src/components/DrawerFooter.d.ts

@@ -1,54 +0,0 @@
-import { ButtonProps } from '../../../form';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    authPrefix: {
-        type: StringConstructor;
-    };
-    buttons: globalThis.PropType<ButtonProps[]>;
-    showSave: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showCancel: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    okText: {
-        type: StringConstructor;
-    };
-    cancelText: {
-        type: StringConstructor;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("handleSave" | "handleCancel")[], "handleSave" | "handleCancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    authPrefix: {
-        type: StringConstructor;
-    };
-    buttons: globalThis.PropType<ButtonProps[]>;
-    showSave: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showCancel: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    okText: {
-        type: StringConstructor;
-    };
-    cancelText: {
-        type: StringConstructor;
-    };
-}>> & {
-    onHandleSave?: (...args: any[]) => any;
-    onHandleCancel?: (...args: any[]) => any;
-}, {
-    showSave: boolean;
-    showCancel: boolean;
-}, {}>, {
-    appendFooter?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,16 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "save" | "register" | "visible-change")[], "cancel" | "save" | "register" | "visible-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
-    onCancel?: (...args: any[]) => any;
-    onSave?: (...args: any[]) => any;
-    onRegister?: (...args: any[]) => any;
-    "onVisible-change"?: (...args: any[]) => any;
-}, {}, {}>, Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
-    titleExtra?(_: {}): any;
-    title?(_: {}): any;
-    default?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/es/components/drawer/src/index.scss

@@ -1,24 +0,0 @@
-.dt-form-btns {
-	.ant-form-item-control-input-content,
-    .ant-btn {
-		@apply flex;
-	}
-
-	.ant-form-item-control-input-content, {
-		@apply gap-3;
-	}
-}
-
-.dt-drawer {
-	.ant-drawer-body {
-		@apply relative;
-
-		.ant-spin-nested-loading {
-			@apply w-full h-full;
-		}
-	}
-
-	.ant-drawer-footer {
-		@apply flex justify-end;
-	}
-}

package/es/components/drawer/src/props.d.ts

@@ -1,2 +0,0 @@
-import { DrawerProps } from './type/drawer.type';
-export declare const defaultProps: DrawerProps;

package/es/components/drawer/src/type/drawer.type.d.ts

@@ -1,62 +0,0 @@
-import { ButtonProps } from '../../../form';
-import { Recordable } from '@dt-frames/core';
-import { CSSProperties, ComputedRef, VNode, Slot, Ref } from 'vue';
-export type DrawerProps = {
-    t?: string;
-    authPrefix?: string;
-    closable?: boolean;
-    closeIcon?: VNode | Slot<any>;
-    loading?: boolean;
-    loadingTip?: string;
-    open?: boolean;
-    triggerWindowResize?: boolean;
-    destroyOnClose?: boolean;
-    mask?: boolean;
-    maskClosable?: boolean;
-    keyboard?: boolean;
-    maskStyle?: CSSProperties;
-    title?: ComputedRef<string> | string | ((data: Recordable) => string);
-    wrapClassName?: string;
-    class?: string;
-    wrapStyle?: CSSProperties;
-    drawerStyle?: CSSProperties;
-    contentWrapperStyle?: CSSProperties;
-    bodyStyle?: CSSProperties;
-    headerStyle?: CSSProperties;
-    width?: string | number;
-    height?: string | number;
-    zIndex?: number;
-    placement?: 'top' | 'right' | 'bottom' | 'left';
-    showOkBtn?: boolean;
-    showCancelBtn?: boolean;
-    okText?: string;
-    cancelText?: string;
-    footer?: ButtonProps[];
-    footerStyle?: CSSProperties;
-    getContainer?: false | string | HTMLElement | (() => any);
-    push?: boolean | {
-        distance: string | number;
-    };
-    rootClassName?: string;
-    rootStyle?: CSSProperties;
-    style?: CSSProperties;
-    afterOpenChange?: (open: boolean) => void;
-    close?: (e: Event) => void;
-    beforeClose?: () => Promise<any>;
-    afterClose?: Function;
-};
-export type DrawerMethods = {
-    getDrawerProps?: () => DrawerProps;
-    setDrawerProps: (props: Partial<DrawerProps> | boolean) => 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/es/components/form/index.d.ts

@@ -1,7 +0,0 @@
-import { useForm } from './src/hooks/useForm';
-import DtForm from "./src/index";
-import { FormActionType } from './src/types/actions.type';
-import { ButtonProps, FormProps, FormSchema } from './src/types/form.type';
-import DtFormButtons from "./src/components/FormButtons";
-export { DtForm, DtFormButtons, useForm };
-export type { FormActionType, ButtonProps, FormProps, FormSchema };