@dt-frames/ui 3.0.1 → 4.0.1

package/es/components/form/src/types/items.type.d.ts

@@ -1,417 +0,0 @@
-import { UploadFile } from '../../../upload';
-import { DtEvent, Recordable, SelectOptions } from '@dt-frames/core';
-import { UploadRequestOption } from 'ant-design-vue/es/vc-upload/interface';
-import dayjs from 'dayjs';
-import { Ref, Slot, VNode, CSSProperties, ComputedRef } from 'vue';
-type StrOrDynamicStr = string | Ref<string> | ComputedRef<string>;
-type BaseInput = {
-    placeholder?: StrOrDynamicStr;
-    addonAfter?: string | VNode;
-    addonBefore?: string | VNode;
-    allowClear?: boolean;
-    bordered?: boolean;
-    defaultValue?: string;
-    disabled?: boolean | Ref<boolean>;
-    id?: string;
-    maxlength?: number;
-    prefix?: string | VNode;
-    showCount?: boolean;
-    size?: 'large' | 'default' | 'small';
-    suffix?: string | VNode;
-    [key: string]: any;
-};
-export type Input = BaseInput & {
-    onChange?: (e: DtEvent, model: Recordable) => void;
-    onPressEnter?: (e: DtEvent, model: Recordable) => void;
-};
-export type InputGroup = {
-    defaultValue?: any[];
-    compact?: boolean;
-    size?: 'large' | 'default' | 'small';
-    [key: string]: any;
-};
-export type InputPassword = Input & {
-    visibilityToggle?: boolean;
-    onChange?: (e: DtEvent, model: Recordable) => void;
-};
-export type InputSearch = Input & {
-    enterButton?: boolean | VNode;
-    loading?: boolean | Ref<boolean>;
-    onSearch?: (searchValue: string) => void;
-    onChange?: (e: DtEvent, model: Recordable) => void;
-};
-export type InputTextArea = Input & {
-    autosize?: boolean | object;
-    rows?: number;
-    onPressEnter?: (e: DtEvent, model: Recordable) => void;
-    onChange?: (e: DtEvent, model: Recordable) => void;
-};
-export type InputNumber = {
-    addonAfter?: string | VNode;
-    addonBefore?: string | VNode;
-    autofocus?: boolean;
-    bordered?: boolean;
-    controls?: boolean;
-    decimalSeparator?: string;
-    defaultValue?: number;
-    disabled?: boolean | Ref<boolean>;
-    formatter?: (value: number | string, info: {
-        userTyping: boolean;
-        input: string;
-    }) => string;
-    parser?: (value: string) => number | string;
-    keyboard?: boolean;
-    max?: number;
-    min?: number;
-    precision?: number;
-    prefix?: string | VNode;
-    size?: 'large' | 'default' | 'small';
-    step?: number | string;
-    stringMode?: boolean;
-    onChange?: (value: number | string, model: Recordable) => void;
-    onPressEnter?: (e: DtEvent, model: Recordable) => void;
-    onStep?: (value: number, info: {
-        offset: number;
-        type: 'up' | 'down';
-    }, model: Recordable) => void;
-    [key: string]: any;
-};
-export type Select = {
-    allowClear?: boolean;
-    autoClearSearchValue?: boolean;
-    autofocus?: boolean;
-    bordered?: boolean;
-    clearIcon?: VNode | Slot;
-    defaultActiveFirstOption?: boolean;
-    defaultOpen?: boolean;
-    disabled?: boolean | Ref<boolean>;
-    popupClassName?: string;
-    dropdownMatchSelectWidth?: boolean | number;
-    dropdownMenuStyle?: CSSProperties;
-    dropdownRender?: ({ menuNode, props }: {
-        menuNode: any;
-        props: any;
-    }) => VNode | Slot;
-    dropdownStyle?: CSSProperties;
-    fieldNames?: {
-        options?: string;
-        label?: string;
-        value?: string;
-    };
-    filterOption?: boolean | ((inputValue: string, option: SelectOptions) => object);
-    firstActiveValue?: string | string[];
-    getPopupContainer?: () => object;
-    listHeight?: number;
-    maxTagCount?: number;
-    maxTagPlaceholder?: Slot;
-    maxTagTextLength?: number;
-    menuItemSelectedIcon?: VNode | Slot;
-    mode?: 'multiple' | 'tags' | 'combobox';
-    notFoundContent?: string | Slot;
-    open?: boolean;
-    optionFilterProp?: string;
-    options?: SelectOptions[] | ComputedRef<SelectOptions[]> | Ref<SelectOptions[]>;
-    placeholder?: StrOrDynamicStr;
-    removeIcon?: VNode | Slot;
-    searchValue?: string;
-    showArrow?: boolean;
-    showSearch?: boolean;
-    size?: 'large' | 'default' | 'small';
-    suffixIcon?: VNode | Slot;
-    virtual?: boolean;
-    onBlur?: (e: DtEvent, model: Recordable) => void;
-    onChange?: (value: string | number | boolean, option: SelectOptions, model: Recordable) => void;
-    onDeselect?: (value: string | number | boolean, option: SelectOptions, model: Recordable) => void;
-    dropdownVisibleChange?: (option: SelectOptions, model: Recordable) => void;
-    onFocus?: (e: DtEvent, model: Recordable) => void;
-    onInputKeyDown?: (e: DtEvent, model: Recordable) => void;
-    onPopupScroll?: (e: DtEvent, model: Recordable) => void;
-    onSearch?: (val: string, model: Recordable) => void;
-    onSelect?: (value: string | number | boolean, option: SelectOptions, model: Recordable) => void;
-    [key: string]: any;
-};
-type TreeNode = {
-    checkable?: boolean;
-    disableCheckbox?: boolean;
-    disabled?: boolean;
-    isLeaf?: boolean;
-    key?: string | number;
-    selectable?: boolean;
-    title?: string | Slot;
-    value?: string;
-    children?: TreeNode[];
-    [key: string]: any;
-};
-export type TreeSelect = {
-    allowClear?: boolean;
-    defaultValue?: string | string[];
-    disabled?: boolean | Ref<boolean>;
-    dropdownClassName?: string;
-    dropdownMatchSelectWidth?: boolean | number;
-    dropdownStyle?: CSSProperties;
-    fieldNames?: {
-        children?: string;
-        label?: string;
-        value?: string;
-    };
-    filterTreeNode?: boolean | ((inputValue: string, treeNode: TreeNode) => boolean);
-    getPopupContainer?: () => object;
-    listHeight?: number;
-    maxTagCount?: number;
-    multiple?: boolean;
-    placeholder?: StrOrDynamicStr;
-    replaceFields?: {
-        children?: string;
-        label?: string;
-        value?: string;
-    };
-    searchPlaceholder?: string;
-    showSearch?: boolean;
-    size?: 'large' | 'default' | 'small';
-    treeCheckable?: boolean;
-    treeCheckStrictly?: boolean;
-    treeData?: TreeNode[] | Ref<TreeNode[]> | ComputedRef<TreeNode[]>;
-    treeDataSimpleMode?: boolean;
-    treeDefaultExpandAll?: boolean;
-    treeDefaultExpandedKeys?: string[] | number[];
-    treeExpandedKeys?: string[] | number[];
-    treeIcon?: boolean;
-    treeLine?: boolean;
-    treeNodeFilterProp?: string;
-    treeNodeLabelProp?: string;
-    virtual?: boolean;
-    onChange?: (value: string | number, label: string, extra: object, model: Recordable) => void;
-    onDropdownVisibleChange?: (open: boolean, model: Recordable) => void;
-    onSearch?: (val: string, model: Recordable) => void;
-    onSelect?: (val: string | number, node: TreeNode, extra: object, model: Recordable) => void;
-    onTreeExpand?: (expandedKeys: (string | number)[], model: Recordable) => void;
-    [key: string]: any;
-};
-export type Radio = {
-    autofocus?: boolean;
-    defaultValue?: string | number;
-    disabled?: boolean | Ref<boolean>;
-    value?: string | number;
-    [key: string]: any;
-};
-export type RadioGroup = {
-    buttonStyle?: 'outline' | 'solid';
-    disabled?: boolean;
-    name?: string;
-    options?: string[] | number[] | SelectOptions[] | ComputedRef<SelectOptions[]> | Ref<SelectOptions[]>;
-    optionType?: 'default' | 'button';
-    size?: 'large' | 'default' | 'small';
-    defaultValue?: string | number | boolean;
-    [key: string]: any;
-};
-export type Checkbox = {
-    autofocus?: boolean;
-    defaultValue?: string | number | boolean;
-    disabled?: boolean;
-    indeterminate?: boolean;
-    value?: boolean | string | number;
-    onChange?: (e: Event, model: Recordable) => void;
-    [key: string]: any;
-};
-export type CheckboxGroup = {
-    defaultValue?: (string | number | boolean)[];
-    disabled?: boolean;
-    name?: string;
-    options?: string[] | (SelectOptions & {
-        indeterminate?: boolean;
-    })[] | ComputedRef<(SelectOptions & {
-        indeterminate?: boolean;
-    })[]> | Ref<(SelectOptions & {
-        indeterminate?: boolean;
-    })[]>;
-    onChange?: (checkedValue: (string | number | boolean)[], model: Recordable) => void;
-    [key: string]: any;
-};
-type CascaderOption = {
-    value?: string | number;
-    label?: any;
-    disabled?: boolean;
-    isLeaf?: boolean;
-    children?: CascaderOption[];
-    [key: string]: any;
-};
-export type Cascader = {
-    allowClear?: boolean;
-    autofocus?: boolean;
-    bordered?: boolean;
-    clearIcon?: VNode;
-    changeOnSelect?: boolean;
-    defaultValue?: string[] | number[];
-    disabled?: boolean;
-    dropdownClassName?: string;
-    dropdownStyle?: CSSProperties;
-    expandIcon?: VNode;
-    expandTrigger?: 'click' | 'hover';
-    fieldNames?: {
-        children?: string;
-        label?: string;
-        value?: string;
-    };
-    getPopupContainer?: () => object;
-    loadData?: (selectedOptions: CascaderOption) => void;
-    maxTagCount?: number | 'responsive';
-    multiple?: boolean;
-    notFoundContent?: string | VNode;
-    open?: boolean;
-    options?: CascaderOption[] | ComputedRef<CascaderOption[]> | Ref<CascaderOption[]>;
-    placement?: 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topRight';
-    searchValue?: string;
-    showSearch?: boolean | object;
-    size?: 'large' | 'default' | 'small';
-    suffixIcon?: string | VNode | Slot;
-    filter?: (inputValue: string | number, path: any) => boolean;
-    limit?: number | false;
-    matchInputWidth?: boolean;
-    render?: (inputValue: string | number, path: any) => VNode;
-    sort?: (a: Recordable, b: Recordable, inputValue: string | number) => boolean;
-    onChange?: (value: string | number, selectedOptions: CascaderOption, model: Recordable) => void;
-    dropdownVisibleChange?: (val: boolean, model: Recordable) => void;
-    onSearch?: (val: string | number, model: Recordable) => void;
-    [key: string]: any;
-};
-type BaseDatepicker = {
-    allowClear?: boolean;
-    autofocus?: boolean;
-    bordered?: boolean;
-    disabled?: boolean;
-    disabledDate?: (currentDate: any) => boolean;
-    dropdownClassName?: string;
-    getPopupContainer?: object;
-    inputReadOnly?: boolean;
-    mode?: 'time' | 'date' | 'month' | 'year' | 'decade';
-    open?: boolean | Ref<boolean>;
-    picker?: 'date' | 'week' | 'month' | 'quarter' | 'year';
-    placeholder?: StrOrDynamicStr;
-    popupStyle?: CSSProperties;
-    size?: 'large' | 'middle' | 'small';
-    onOpenChange?: (status: boolean, model: Recordable) => void;
-    onPanelChange?: (val: any, mode: any, model: Recordable) => void;
-};
-export type DatePicker = BaseDatepicker & {
-    defaultPickerValue?: dayjs.Dayjs;
-    disabledTime?: (date: dayjs.Dayjs) => boolean;
-    format?: string | ((value: dayjs.Dayjs) => string) | (string | ((value: dayjs.Dayjs) => string))[];
-    showNow?: boolean;
-    showTime?: boolean | {
-        defaultValue?: dayjs.Dayjs;
-    };
-    showToday?: boolean;
-    onChange?: (date: dayjs.Dayjs | string, dateString: string, model: Recordable) => void;
-    onOk?: (date: dayjs.Dayjs | string, model: Recordable) => void;
-    [key: string]: any;
-};
-export type RangePicker = BaseDatepicker & {
-    allowEmpty?: [boolean, boolean];
-    defaultPickerValue?: dayjs.Dayjs[];
-    disabled?: [boolean, boolean];
-    disabledTime?: (date: dayjs.Dayjs, partial: 'start' | 'end') => boolean;
-    format?: string;
-    showTime?: boolean | {
-        defaultValue?: dayjs.Dayjs[];
-    };
-    onCalendarChange?: (dates: [dayjs.Dayjs, dayjs.Dayjs] | [string, string], dateStrings: [string, string], info: {
-        range: 'start' | 'end';
-    }, model: Recordable) => void;
-    onChange?: (date: [dayjs.Dayjs, dayjs.Dayjs] | [string, string], dateString: [string, string], model: Recordable) => void;
-    onOk?: (date: [dayjs.Dayjs, dayjs.Dayjs] | [string, string], model: Recordable) => void;
-    [key: string]: any;
-};
-export type TimePicker = {
-    allowClear?: boolean;
-    autofocus?: boolean;
-    defaultPickerValue?: string | dayjs.Dayjs;
-    bordered?: boolean;
-    clearText?: string;
-    disabled?: boolean;
-    format?: string;
-    getPopupContainer?: () => object;
-    hideDisabledOptions?: boolean;
-    hourStep?: number;
-    inputReadOnly?: boolean;
-    minuteStep?: number;
-    open?: boolean | Ref<boolean>;
-    placeholder?: string | [string | string];
-    popupClassName?: string;
-    popupStyle?: CSSProperties;
-    secondStep?: number;
-    showNow?: boolean;
-    use12Hours?: boolean;
-    onChange?: (time: dayjs.Dayjs | string, dateString: string, model: Recordable) => void;
-    onOpenChange?: (open: boolean) => void;
-    [key: string]: any;
-};
-export type Switch = {
-    autofocus?: boolean;
-    checkedChildren?: string | VNode;
-    defaultPickerValue?: boolean | string | number;
-    checkedValue?: boolean | string | number;
-    disabled?: boolean;
-    loading?: boolean | Ref<boolean>;
-    size?: 'default' | 'small';
-    unCheckedChildren?: string | VNode;
-    unCheckedValue?: boolean | string | number;
-    onChange?: (checked: boolean | string | number, event: Event, model: Recordable) => void;
-    onClick?: (checked: boolean | string | number, event: Event, model: Recordable) => void;
-    [key: string]: any;
-};
-export type Rate = {
-    allowClear?: boolean;
-    allowHalf?: boolean;
-    autofocus?: boolean;
-    defaultPickerValue?: number;
-    character?: string | VNode;
-    count?: number;
-    disabled?: boolean;
-    tooltips?: string[];
-    onBlur?: (e: any, model: Recordable) => void;
-    onChange?: (value: number) => void;
-    [key: string]: any;
-};
-export type Divider = {
-    dashed?: boolean;
-    orientation?: boolean;
-    orientationMargin?: string | number;
-    plain?: boolean;
-    type?: 'horizontal' | 'vertical';
-    [key: string]: any;
-};
-export type InputWithDialog = Input & {
-    openDialog?: (model: Recordable) => void;
-};
-export type FieldNames = {
-    fileId?: string;
-    fileName?: string;
-    filePath?: string;
-    fileSize?: string;
-    fileType?: string;
-};
-export type Upload = {
-    uploadUrl?: string;
-    downloadUrl?: string;
-    buttonText?: string;
-    preIcon?: string;
-    data?: object | ((file: UploadFile) => object);
-    fieldNames?: FieldNames;
-    filename?: string;
-    accept?: string[];
-    customRequest?: (params: UploadRequestOption) => void;
-    disabled?: boolean | Ref<boolean> | ComputedRef<boolean>;
-    defaultFiles?: UploadFile[];
-    headers?: object;
-    listType?: 'text' | 'picture-card';
-    maxCount?: number;
-    maxSize?: number;
-    helpText?: string;
-    multiple?: boolean;
-    onChange?: (ids: string[] | number[], files: UploadFile[]) => void;
-    extraParams?: Recordable;
-    showView?: boolean;
-    showDownload?: boolean;
-    showDelete?: boolean;
-};
-export {};

package/es/components/form/src/utils/helper.d.ts

@@ -1,21 +0,0 @@
-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[];
-export declare const DATE_PICKER_TYPES: string[];
-export declare const DATE_MODE_TYPE: {
-    time: string;
-    date: string;
-    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 const SEARCH_BTN_NAME = "UI.SEARCH";
-export declare const RESET_BTN_NAME = "UI.RESET";
-export declare const SEARCH_BTNS: {
-    label: string;
-    preIcon: string;
-    type: string;
-}[];

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

@@ -1,2 +0,0 @@
-import Icon from "./src/SvgIcon";
-export { Icon };

package/es/components/icons/index.js

@@ -1,100 +0,0 @@
-import { defineComponent, computed, unref, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode } from "vue";
-import { isString, isArray, isObject, isFunction } from "@dt-frames/core";
-const _hoisted_1 = ["xlink:href", "fill"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "SvgIcon",
-  props: {
-    name: {
-      type: String,
-      required: true
-    },
-    className: {
-      type: [String, Array],
-      default: ""
-    },
-    color: {
-      type: String
-    },
-    size: {
-      type: Number,
-      default: 18
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const isSvgIcon = computed(() => props.name?.indexOf("svg") !== -1);
-    const name = computed(() => {
-      return unref(isSvgIcon) ? `#icon-${props.name.replace("svg ", "")}` : `${props.name}`;
-    });
-    const clsName = computed(() => {
-      if (unref(isSvgIcon)) {
-        return `svg-icon ${getCls(props.className)}`;
-      } else {
-        return `fa-icon ${getCls(props.className)}`;
-      }
-    });
-    function getCls(className) {
-      if (isString(className)) {
-        return className;
-      }
-      if (isArray(className)) {
-        const arrClsToStr = (cls) => {
-          let classNames = [];
-          cls.forEach((it) => {
-            if (isString(it)) {
-              classNames.push(it);
-            } else if (isObject(it)) {
-              classNames.push(...objClsToStr(it));
-            } else if (isFunction(it)) {
-              classNames.push(it());
-            }
-          });
-          return classNames;
-        };
-        const objClsToStr = (objCls) => {
-          let clsArr = [];
-          for (let key in objCls) {
-            if (objCls[key])
-              clsArr.push(unref(key));
-          }
-          return clsArr;
-        };
-        return arrClsToStr(className).filter(Boolean).join(" ");
-      } else if (isObject(className)) {
-        let clsArr = [];
-        Object.keys(className).map((key) => {
-          clsArr.push(unref(className[key]));
-        });
-        return clsArr.filter(Boolean).join(" ");
-      }
-      return "";
-    }
-    return (_ctx, _cache) => {
-      return unref(isSvgIcon) ? (openBlock(), createElementBlock("svg", {
-        key: 0,
-        class: normalizeClass(unref(clsName)),
-        "aria-hidden": "true",
-        style: normalizeStyle({
-          fontSize: __props.size + "px",
-          width: __props.size + "px",
-          height: __props.size + "px"
-        })
-      }, [
-        createElementVNode("use", {
-          "xlink:href": unref(name),
-          fill: __props.color
-        }, null, 8, _hoisted_1)
-      ], 6)) : (openBlock(), createElementBlock("i", {
-        key: 1,
-        class: normalizeClass(["dt-icon i", [unref(name), unref(clsName)]]),
-        style: normalizeStyle({
-          color: __props.color,
-          fontSize: __props.size + "px"
-        })
-      }, null, 6));
-    };
-  }
-});
-export {
-  _sfc_main as Icon
-};

package/es/components/icons/src/SvgIcon.d.ts

@@ -1,37 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    name: {
-        type: StringConstructor;
-        required: true;
-    };
-    className: {
-        type: (StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    color: {
-        type: StringConstructor;
-    };
-    size: {
-        type: NumberConstructor;
-        default: number;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    name: {
-        type: StringConstructor;
-        required: true;
-    };
-    className: {
-        type: (StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    color: {
-        type: StringConstructor;
-    };
-    size: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>>, {
-    size: number;
-    className: string | unknown[];
-}, {}>;
-export default _default;

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

@@ -1,3 +0,0 @@
-.svg-icon {
-    outline: none;
-}

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

@@ -1,2 +0,0 @@
-import DtIframe from "./src/index";
-export { DtIframe };

package/es/components/iframe/index.js

@@ -1,83 +0,0 @@
-import { Spin } from "ant-design-vue/es";
-import { defineComponent, ref, watch, openBlock, createBlock, unref, withCtx, createElementVNode } from "vue";
-import { dispatchResize, windowResize } from "@dt-frames/core";
-const _hoisted_1 = ["src"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    showLoading: {
-      type: Boolean,
-      default: true
-    },
-    src: {
-      type: String
-    },
-    height: {
-      type: String
-    },
-    exeReduce: {
-      type: Number,
-      default: 78
-    },
-    receiveMsg: {
-      type: Function
-    }
-  },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const frameRef = ref(null);
-    const loading = ref(true);
-    function calcHeight() {
-      const iframe2 = unref(frameRef);
-      if (!iframe2) {
-        return;
-      }
-      const clientHeight = document.documentElement.clientHeight - props.exeReduce;
-      iframe2.style.height = `${clientHeight}px`;
-    }
-    watch(
-      () => props.exeReduce,
-      (v) => {
-        calcHeight();
-        dispatchResize();
-      }
-    );
-    const iframe = ref(null);
-    function afterLoaded() {
-      loading.value = false;
-      if (props.height) {
-        unref(frameRef).style.height = `${props.height}px`;
-      } else {
-        windowResize(calcHeight, 150, { immediate: true });
-      }
-      calcHeight();
-      dispatchResize();
-    }
-    window.addEventListener("message", function(event) {
-    }, false);
-    __expose({
-      iframe
-    });
-    return (_ctx, _cache) => {
-      const _component_ASpin = Spin;
-      return openBlock(), createBlock(_component_ASpin, {
-        spinning: unref(loading),
-        class: "dt-iframe h-full"
-      }, {
-        default: withCtx(() => [
-          createElementVNode("iframe", {
-            src: __props.src,
-            class: "dt-iframe__main",
-            ref_key: "frameRef",
-            ref: frameRef,
-            onLoad: _cache[0] || (_cache[0] = ($event) => afterLoaded())
-          }, null, 40, _hoisted_1)
-        ]),
-        _: 1
-      }, 8, ["spinning"]);
-    };
-  }
-});
-export {
-  _sfc_main as DtIframe
-};