@dt-frames/ui 2.0.24 → 4.0.1

package/es/components/curd/index.js

@@ -1,216 +0,0 @@
-import { defineComponent, toRaw, openBlock, createBlock, unref, withCtx, renderSlot, ref, useSlots, h, createVNode, mergeProps, isVNode } from "vue";
-import { useForm, DtForm } from "../form";
-import { useModal, DtModal as DtModal$1, useModalOut } from "../modal";
-import { omit } from "lodash-es";
-import { useMessage, useI18n, isFunction, error } from "@dt-frames/core";
-const basicProps = {
-  t: {
-    type: String
-  },
-  title: {
-    type: Object
-  },
-  width: {
-    type: [String, Number],
-    default: "50%"
-  },
-  schemas: {
-    type: Array,
-    default: () => []
-  },
-  footer: {
-    type: Array,
-    default: void 0
-  },
-  authPrefix: {
-    type: String
-  },
-  showFullscreen: {
-    type: Boolean,
-    default: true
-  },
-  showClosable: {
-    type: Boolean,
-    default: true
-  },
-  formProps: {
-    type: Object,
-    default: () => ({})
-  },
-  primaryKey: {
-    type: String,
-    default: "id"
-  },
-  afterOpened: {
-    type: Function,
-    default: (modalMethods) => ({})
-  },
-  onSave: {
-    type: Function,
-    default: () => ({})
-  },
-  onDeletes: {
-    type: Function,
-    default: (keys) => ({})
-  },
-  onQueryById: {
-    type: Function,
-    default: (id) => ({})
-  },
-  onRegister: {
-    type: Function
-  },
-  registerInstance: {
-    type: Function
-  }
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Curd",
-  props: basicProps,
-  setup(__props) {
-    const props = __props;
-    const [registerDialog, modalMethods] = useModal({
-      ...omit(toRaw(props), [
-        "curd",
-        "formProps",
-        "schemas"
-      ]),
-      wrapClassName: "dt-curd-modal__wrap",
-      destroyOnClose: true,
-      maskClosable: false
-    }, () => {
-      props.afterOpened(modalMethods);
-    });
-    function handleSave() {
-      props?.onSave();
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DtModal$1), {
-        onRegister: unref(registerDialog),
-        onSave: _cache[0] || (_cache[0] = ($event) => handleSave())
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["onRegister"]);
-    };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const DtModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/curd/src/components/Curd.vue"]]);
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-function useCurd(curdOpt) {
-  const [register, {
-    openModal,
-    closeModal,
-    setModalProps
-  }] = useModalOut();
-  const {
-    confirm,
-    message
-  } = useMessage();
-  const {
-    t
-  } = useI18n("UI");
-  const {
-    formProps,
-    schemas
-  } = curdOpt;
-  const oriTitle = isFunction(curdOpt.title) ? curdOpt.title() : unref(curdOpt.title);
-  const title = ref(oriTitle);
-  const [registerForm, curdFormMethods] = useForm({
-    ...formProps || {},
-    schemas,
-    mode: "dialog"
-  });
-  const DtCurdModal = () => {
-    const slots = useSlots();
-    return h(createVNode("div", {
-      "class": "dt-curd-modal"
-    }, [createVNode(DtModal, mergeProps(curdOpt, {
-      "title": title,
-      "onRegister": register
-    }), {
-      default: () => [createVNode(DtForm, {
-        "onRegister": registerForm
-      }, _isSlot(slots) ? slots : {
-        default: () => [slots]
-      })]
-    })]));
-  };
-  function openAddDialog() {
-    title.value = t("ADD") + " - " + oriTitle;
-    openModal();
-  }
-  function del(row) {
-    const {
-      primaryKey = "id",
-      onDeletes
-    } = curdOpt;
-    if (onDeletes && isFunction(onDeletes)) {
-      onDeletes([row[primaryKey]]);
-    }
-  }
-  function openUpdateDialog(row) {
-    const {
-      primaryKey = "id",
-      onQueryById
-    } = curdOpt;
-    title.value = t("EDIT") + " - " + oriTitle;
-    openModal();
-    if (onQueryById && isFunction(onQueryById)) {
-      onQueryById(row[primaryKey]).then((rsp) => {
-        curdFormMethods.setFormValues(rsp);
-      });
-    }
-  }
-  function dels(ids = []) {
-    if (!ids.length) {
-      message.error(t("EMPTY"));
-      return;
-    }
-    const {
-      curd
-    } = curdOpt;
-    if (curd && curd.onDeletes && isFunction(curd.onDeletes)) {
-      confirm({
-        title: t("MULTIFY_DELETE_CONFIRM"),
-        content: t("CONFIRM_MULTIFY_DELETE", {
-          length: ids.length
-        }),
-        iconType: "warning",
-        onOk() {
-          curd.onDeletes(ids);
-        }
-      });
-    } else {
-      error(t("NEED_CURD"));
-    }
-  }
-  const instance = {
-    openAddDialog,
-    del,
-    openUpdateDialog,
-    dels,
-    closeModal,
-    setModalProps,
-    curdFormMethods
-  };
-  curdOpt.registerInstance && curdOpt.registerInstance(instance);
-  return {
-    DtCurdModal,
-    ...instance
-  };
-}
-export {
-  useCurd
-};

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

@@ -1,384 +0,0 @@
-declare const _sfc_main: import("vue").DefineComponent<{
-    t: {
-        type: StringConstructor;
-    };
-    title: {
-        type: import("vue").PropType<Function | String | import("vue").ComputedRef<any>>;
-    };
-    width: {
-        type: import("vue").PropType<String | Number>;
-        default: string;
-    };
-    schemas: {
-        type: import("vue").PropType<import("../../../form/src/types/form.type").FormSchema[]>;
-        default: () => any[];
-    };
-    footer: {
-        type: import("vue").PropType<import("../../../form").ButtonProps[]>;
-        default: any;
-    };
-    authPrefix: {
-        type: StringConstructor;
-    };
-    showFullscreen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showClosable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    formProps: {
-        type: import("vue").PropType<Partial<Partial<import("vue").ExtractPropTypes<{
-            mode: {
-                type: import("vue").PropType<"search" | "dialog">;
-                default: string;
-            };
-            autoFetch: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            model: {
-                type: import("vue").PropType<import("@dt-frames/core").Recordable<any>>;
-                default: () => {};
-            };
-            layout: {
-                type: import("vue").PropType<"vertical" | "inline" | "horizontal">;
-                default: string;
-            };
-            labelWidth: {
-                type: import("vue").PropType<string | number>;
-                default: number;
-            };
-            enLabelWidth: {
-                type: import("vue").PropType<string | number>;
-                default: number;
-            };
-            labelAlign: {
-                type: import("vue").PropType<"left" | "right">;
-                default: string;
-            };
-            labelCol: {
-                type: import("vue").PropType<Partial<import("../../../form/src/types/form.type").ColEx>>;
-                default: () => {};
-            };
-            wrapperCol: {
-                type: import("vue").PropType<Partial<import("../../../form/src/types/form.type").ColEx>>;
-                default: () => {};
-            };
-            rowProps: {
-                type: import("vue").PropType<Partial<import("vue").ExtractPropTypes<{
-                    align: import("vue").PropType<"stretch" | "bottom" | "top" | "middle">;
-                    justify: import("vue").PropType<"space-around" | "space-between" | "center" | "end" | "start">;
-                    prefixCls: StringConstructor;
-                    gutter: {
-                        type: import("vue").PropType<import("ant-design-vue/lib/grid/Row").Gutter | [import("ant-design-vue/lib/grid/Row").Gutter, import("ant-design-vue/lib/grid/Row").Gutter]>;
-                        default: import("ant-design-vue/lib/grid/Row").Gutter | [import("ant-design-vue/lib/grid/Row").Gutter, import("ant-design-vue/lib/grid/Row").Gutter];
-                    };
-                    wrap: {
-                        type: BooleanConstructor;
-                        default: any;
-                    };
-                }>>>;
-                default: () => {};
-            };
-            colProps: {
-                type: import("vue").PropType<Partial<import("../../../form/src/types/form.type").ColEx>>;
-            };
-            span: {
-                type: NumberConstructor;
-            };
-            size: {
-                type: import("vue").PropType<"middle" | "small" | "large">;
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            compact: {
-                type: BooleanConstructor;
-                default: any;
-            };
-            schemas: {
-                type: import("vue").PropType<import("../../../form/src/types/form.type").FormSchema[]>;
-                default: () => any[];
-            };
-            autoSearchOnEnter: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            minShowColumn: {
-                type: NumberConstructor;
-                default: number;
-            };
-            showAdvancedButton: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            allowClear: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            scrollToFirstError: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            colon: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            loading: {
-                type: import("vue").PropType<{
-                    [key: string]: import("vue").Ref<boolean>;
-                }>;
-                default: () => {};
-            };
-            onSearch: {
-                type: import("vue").PropType<(params: import("@dt-frames/core").Recordable<any>) => void>;
-                default: (params: import("@dt-frames/core").Recordable<any>) => void;
-            };
-            onReset: {
-                type: import("vue").PropType<(params: import("@dt-frames/core").Recordable<any>) => void>;
-                default: (params: import("@dt-frames/core").Recordable<any>) => void;
-            };
-            buttons: {
-                type: import("vue").PropType<boolean | import("../../../form").ButtonProps[]>;
-                default: boolean;
-            };
-            resetFunc: {
-                type: import("vue").PropType<() => void>;
-            };
-            registerInstance: {
-                type: import("vue").PropType<(instance: import("../../../form").FormActionType) => void>;
-            };
-        }>>>>;
-        default: () => {};
-    };
-    primaryKey: {
-        type: import("vue").PropType<String | Number>;
-        default: string;
-    };
-    afterOpened: {
-        type: import("vue").PropType<(modalMethods: import("../../../modal/src/types/modal.type").ReturnInnerMethods) => void>;
-        default: (modalMethods: import("../../../modal/src/types/modal.type").ReturnInnerMethods) => {};
-    };
-    onSave: {
-        type: import("vue").PropType<() => void>;
-        default: () => {};
-    };
-    onDeletes: {
-        type: import("vue").PropType<(keys: import("ant-design-vue/es/table/interface").Key[]) => void>;
-        default: (keys: import("ant-design-vue/es/table/interface").Key[]) => {};
-    };
-    onQueryById: {
-        type: import("vue").PropType<(id: import("ant-design-vue/es/table/interface").Key) => Promise<any>>;
-        default: (id: import("ant-design-vue/es/table/interface").Key) => {};
-    };
-    onRegister: {
-        type: import("vue").PropType<import("../../../modal/src/types/modal.type").RegisterFn>;
-    };
-    registerInstance: {
-        type: import("vue").PropType<(instance: import("../types/curd.type").CurdActionType) => void>;
-    };
-}, {
-    props: any;
-    registerDialog: import("../../../modal/src/types/modal.type").RegisterFn;
-    modalMethods: import("../../../modal/src/types/modal.type").ReturnInnerMethods;
-    handleSave: () => void;
-    readonly DtModal: import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    t: {
-        type: StringConstructor;
-    };
-    title: {
-        type: import("vue").PropType<Function | String | import("vue").ComputedRef<any>>;
-    };
-    width: {
-        type: import("vue").PropType<String | Number>;
-        default: string;
-    };
-    schemas: {
-        type: import("vue").PropType<import("../../../form/src/types/form.type").FormSchema[]>;
-        default: () => any[];
-    };
-    footer: {
-        type: import("vue").PropType<import("../../../form").ButtonProps[]>;
-        default: any;
-    };
-    authPrefix: {
-        type: StringConstructor;
-    };
-    showFullscreen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showClosable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    formProps: {
-        type: import("vue").PropType<Partial<Partial<import("vue").ExtractPropTypes<{
-            mode: {
-                type: import("vue").PropType<"search" | "dialog">;
-                default: string;
-            };
-            autoFetch: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            model: {
-                type: import("vue").PropType<import("@dt-frames/core").Recordable<any>>;
-                default: () => {};
-            };
-            layout: {
-                type: import("vue").PropType<"vertical" | "inline" | "horizontal">;
-                default: string;
-            };
-            labelWidth: {
-                type: import("vue").PropType<string | number>;
-                default: number;
-            };
-            enLabelWidth: {
-                type: import("vue").PropType<string | number>;
-                default: number;
-            };
-            labelAlign: {
-                type: import("vue").PropType<"left" | "right">;
-                default: string;
-            };
-            labelCol: {
-                type: import("vue").PropType<Partial<import("../../../form/src/types/form.type").ColEx>>;
-                default: () => {};
-            };
-            wrapperCol: {
-                type: import("vue").PropType<Partial<import("../../../form/src/types/form.type").ColEx>>;
-                default: () => {};
-            };
-            rowProps: {
-                type: import("vue").PropType<Partial<import("vue").ExtractPropTypes<{
-                    align: import("vue").PropType<"stretch" | "bottom" | "top" | "middle">;
-                    justify: import("vue").PropType<"space-around" | "space-between" | "center" | "end" | "start">;
-                    prefixCls: StringConstructor;
-                    gutter: {
-                        type: import("vue").PropType<import("ant-design-vue/lib/grid/Row").Gutter | [import("ant-design-vue/lib/grid/Row").Gutter, import("ant-design-vue/lib/grid/Row").Gutter]>;
-                        default: import("ant-design-vue/lib/grid/Row").Gutter | [import("ant-design-vue/lib/grid/Row").Gutter, import("ant-design-vue/lib/grid/Row").Gutter];
-                    };
-                    wrap: {
-                        type: BooleanConstructor;
-                        default: any;
-                    };
-                }>>>;
-                default: () => {};
-            };
-            colProps: {
-                type: import("vue").PropType<Partial<import("../../../form/src/types/form.type").ColEx>>;
-            };
-            span: {
-                type: NumberConstructor;
-            };
-            size: {
-                type: import("vue").PropType<"middle" | "small" | "large">;
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            compact: {
-                type: BooleanConstructor;
-                default: any;
-            };
-            schemas: {
-                type: import("vue").PropType<import("../../../form/src/types/form.type").FormSchema[]>;
-                default: () => any[];
-            };
-            autoSearchOnEnter: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            minShowColumn: {
-                type: NumberConstructor;
-                default: number;
-            };
-            showAdvancedButton: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            allowClear: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            scrollToFirstError: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            colon: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            loading: {
-                type: import("vue").PropType<{
-                    [key: string]: import("vue").Ref<boolean>;
-                }>;
-                default: () => {};
-            };
-            onSearch: {
-                type: import("vue").PropType<(params: import("@dt-frames/core").Recordable<any>) => void>;
-                default: (params: import("@dt-frames/core").Recordable<any>) => void;
-            };
-            onReset: {
-                type: import("vue").PropType<(params: import("@dt-frames/core").Recordable<any>) => void>;
-                default: (params: import("@dt-frames/core").Recordable<any>) => void;
-            };
-            buttons: {
-                type: import("vue").PropType<boolean | import("../../../form").ButtonProps[]>;
-                default: boolean;
-            };
-            resetFunc: {
-                type: import("vue").PropType<() => void>;
-            };
-            registerInstance: {
-                type: import("vue").PropType<(instance: import("../../../form").FormActionType) => void>;
-            };
-        }>>>>;
-        default: () => {};
-    };
-    primaryKey: {
-        type: import("vue").PropType<String | Number>;
-        default: string;
-    };
-    afterOpened: {
-        type: import("vue").PropType<(modalMethods: import("../../../modal/src/types/modal.type").ReturnInnerMethods) => void>;
-        default: (modalMethods: import("../../../modal/src/types/modal.type").ReturnInnerMethods) => {};
-    };
-    onSave: {
-        type: import("vue").PropType<() => void>;
-        default: () => {};
-    };
-    onDeletes: {
-        type: import("vue").PropType<(keys: import("ant-design-vue/es/table/interface").Key[]) => void>;
-        default: (keys: import("ant-design-vue/es/table/interface").Key[]) => {};
-    };
-    onQueryById: {
-        type: import("vue").PropType<(id: import("ant-design-vue/es/table/interface").Key) => Promise<any>>;
-        default: (id: import("ant-design-vue/es/table/interface").Key) => {};
-    };
-    onRegister: {
-        type: import("vue").PropType<import("../../../modal/src/types/modal.type").RegisterFn>;
-    };
-    registerInstance: {
-        type: import("vue").PropType<(instance: import("../types/curd.type").CurdActionType) => void>;
-    };
-}>>, {
-    schemas: import("../../../form/src/types/form.type").FormSchema[];
-    width: String | Number;
-    footer: import("../../../form").ButtonProps[];
-    showFullscreen: boolean;
-    showClosable: boolean;
-    formProps: {};
-    primaryKey: String | Number;
-    afterOpened: (modalMethods: import("../../../modal/src/types/modal.type").ReturnInnerMethods) => void;
-    onSave: () => void;
-    onDeletes: (keys: import("ant-design-vue/es/table/interface").Key[]) => void;
-    onQueryById: (id: import("ant-design-vue/es/table/interface").Key) => Promise<any>;
-}>;
-export default _sfc_main;