vxe-pc-ui 0.0.2 → 0.1.0

package/es/tooltip/src/tooltip.js

@@ -0,0 +1,336 @@
+import { defineComponent, h, ref, nextTick, onBeforeUnmount, onMounted, reactive, watch } from 'vue';
+import XEUtils from 'xe-utils';
+import globalConfigStore from '../../ui/src/globalStore';
+import { useSize } from '../../hooks/size';
+import { getLastZIndex, nextZIndex, formatText } from '../../ui/src/utils';
+import { getAbsolutePos, getDomNode } from '../../ui/src/dom';
+import { getSlotVNs } from '../../ui/src/vn';
+export default defineComponent({
+    name: 'VxeTooltip',
+    props: {
+        modelValue: Boolean,
+        size: { type: String, default: () => globalConfigStore.tooltip.size || globalConfigStore.size },
+        trigger: { type: String, default: () => globalConfigStore.tooltip.trigger || 'hover' },
+        theme: { type: String, default: () => globalConfigStore.tooltip.theme || 'dark' },
+        content: { type: [String, Number], default: null },
+        useHTML: Boolean,
+        zIndex: [String, Number],
+        popupClassName: [String, Function],
+        isArrow: { type: Boolean, default: true },
+        enterable: Boolean,
+        enterDelay: { type: Number, default: () => globalConfigStore.tooltip.enterDelay },
+        leaveDelay: { type: Number, default: () => globalConfigStore.tooltip.leaveDelay }
+    },
+    emits: [
+        'update:modelValue'
+    ],
+    setup(props, context) {
+        const { slots, emit } = context;
+        const xID = XEUtils.uniqueId();
+        const computeSize = useSize(props);
+        const reactData = reactive({
+            target: null,
+            isUpdate: false,
+            visible: false,
+            tipContent: '',
+            tipActive: false,
+            tipTarget: null,
+            tipZindex: 0,
+            tipStore: {
+                style: {},
+                placement: '',
+                arrowStyle: {}
+            }
+        });
+        const refElem = ref();
+        const refMaps = {
+            refElem
+        };
+        const $xetooltip = {
+            xID,
+            props,
+            context,
+            reactData,
+            getRefMaps: () => refMaps
+        };
+        let tooltipMethods = {};
+        const updateTipStyle = () => {
+            const { tipTarget, tipStore } = reactData;
+            if (tipTarget) {
+                const { scrollTop, scrollLeft, visibleWidth } = getDomNode();
+                const { top, left } = getAbsolutePos(tipTarget);
+                const el = refElem.value;
+                const marginSize = 6;
+                const offsetHeight = el.offsetHeight;
+                const offsetWidth = el.offsetWidth;
+                let tipLeft = left;
+                let tipTop = top - offsetHeight - marginSize;
+                tipLeft = Math.max(marginSize, left + Math.floor((tipTarget.offsetWidth - offsetWidth) / 2));
+                if (tipLeft + offsetWidth + marginSize > scrollLeft + visibleWidth) {
+                    tipLeft = scrollLeft + visibleWidth - offsetWidth - marginSize;
+                }
+                if (top - offsetHeight < scrollTop + marginSize) {
+                    tipStore.placement = 'bottom';
+                    tipTop = top + tipTarget.offsetHeight + marginSize;
+                }
+                tipStore.style.top = `${tipTop}px`;
+                tipStore.style.left = `${tipLeft}px`;
+                tipStore.arrowStyle.left = `${left - tipLeft + tipTarget.offsetWidth / 2}px`;
+            }
+        };
+        const updateValue = (value) => {
+            if (value !== reactData.visible) {
+                reactData.visible = value;
+                reactData.isUpdate = true;
+                emit('update:modelValue', value);
+            }
+        };
+        const updateZindex = () => {
+            if (reactData.tipZindex < getLastZIndex()) {
+                reactData.tipZindex = nextZIndex();
+            }
+        };
+        const clickEvent = () => {
+            if (reactData.visible) {
+                tooltipMethods.close();
+            }
+            else {
+                tooltipMethods.open();
+            }
+        };
+        const targetMouseenterEvent = () => {
+            tooltipMethods.open();
+        };
+        const targetMouseleaveEvent = () => {
+            const { trigger, enterable, leaveDelay } = props;
+            reactData.tipActive = false;
+            if (enterable && trigger === 'hover') {
+                setTimeout(() => {
+                    if (!reactData.tipActive) {
+                        tooltipMethods.close();
+                    }
+                }, leaveDelay);
+            }
+            else {
+                tooltipMethods.close();
+            }
+        };
+        const wrapperMouseenterEvent = () => {
+            reactData.tipActive = true;
+        };
+        const wrapperMouseleaveEvent = () => {
+            const { trigger, enterable, leaveDelay } = props;
+            reactData.tipActive = false;
+            if (enterable && trigger === 'hover') {
+                setTimeout(() => {
+                    if (!reactData.tipActive) {
+                        tooltipMethods.close();
+                    }
+                }, leaveDelay);
+            }
+        };
+        const showTip = () => {
+            const { tipStore } = reactData;
+            const el = refElem.value;
+            if (el) {
+                const parentNode = el.parentNode;
+                if (!parentNode) {
+                    document.body.appendChild(el);
+                }
+            }
+            updateValue(true);
+            updateZindex();
+            tipStore.placement = 'top';
+            tipStore.style = { width: 'auto', left: 0, top: 0, zIndex: props.zIndex || reactData.tipZindex };
+            tipStore.arrowStyle = { left: '50%' };
+            return tooltipMethods.updatePlacement();
+        };
+        const showDelayTip = XEUtils.debounce(() => {
+            if (reactData.tipActive) {
+                showTip();
+            }
+        }, props.enterDelay, { leading: false, trailing: true });
+        tooltipMethods = {
+            dispatchEvent(type, params, evnt) {
+                emit(type, Object.assign({ $tooltip: $xetooltip, $event: evnt }, params));
+            },
+            open(target, content) {
+                return tooltipMethods.toVisible(target || reactData.target, content);
+            },
+            close() {
+                reactData.tipTarget = null;
+                reactData.tipActive = false;
+                Object.assign(reactData.tipStore, {
+                    style: {},
+                    placement: '',
+                    arrowStyle: null
+                });
+                updateValue(false);
+                return nextTick();
+            },
+            toVisible(target, content) {
+                if (target) {
+                    const { trigger, enterDelay } = props;
+                    reactData.tipActive = true;
+                    reactData.tipTarget = target;
+                    if (content) {
+                        reactData.tipContent = content;
+                    }
+                    if (enterDelay && trigger === 'hover') {
+                        showDelayTip();
+                    }
+                    else {
+                        return showTip();
+                    }
+                }
+                return nextTick();
+            },
+            updatePlacement() {
+                return nextTick().then(() => {
+                    const { tipTarget } = reactData;
+                    const el = refElem.value;
+                    if (tipTarget && el) {
+                        updateTipStyle();
+                        return nextTick().then(updateTipStyle);
+                    }
+                });
+            },
+            isActived() {
+                return reactData.tipActive;
+            },
+            setActived(actived) {
+                reactData.tipActive = !!actived;
+            }
+        };
+        Object.assign($xetooltip, tooltipMethods);
+        watch(() => props.content, () => {
+            reactData.tipContent = props.content;
+        });
+        watch(() => props.modelValue, () => {
+            if (!reactData.isUpdate) {
+                if (props.modelValue) {
+                    tooltipMethods.open();
+                }
+                else {
+                    tooltipMethods.close();
+                }
+            }
+            reactData.isUpdate = false;
+        });
+        onMounted(() => {
+            nextTick(() => {
+                const { trigger, content, modelValue } = props;
+                const wrapperElem = refElem.value;
+                if (wrapperElem) {
+                    const parentNode = wrapperElem.parentNode;
+                    if (parentNode) {
+                        reactData.tipContent = content;
+                        reactData.tipZindex = nextZIndex();
+                        XEUtils.arrayEach(wrapperElem.children, (elem, index) => {
+                            if (index > 1) {
+                                parentNode.insertBefore(elem, wrapperElem);
+                                if (!reactData.target) {
+                                    reactData.target = elem;
+                                }
+                            }
+                        });
+                        parentNode.removeChild(wrapperElem);
+                        const { target } = reactData;
+                        if (target) {
+                            if (trigger === 'hover') {
+                                target.onmouseenter = targetMouseenterEvent;
+                                target.onmouseleave = targetMouseleaveEvent;
+                            }
+                            else if (trigger === 'click') {
+                                target.onclick = clickEvent;
+                            }
+                        }
+                        if (modelValue) {
+                            tooltipMethods.open();
+                        }
+                    }
+                }
+            });
+        });
+        onBeforeUnmount(() => {
+            const { trigger } = props;
+            const { target } = reactData;
+            const wrapperElem = refElem.value;
+            if (target) {
+                if (trigger === 'hover') {
+                    target.onmouseenter = null;
+                    target.onmouseleave = null;
+                }
+                else if (trigger === 'click') {
+                    target.onclick = null;
+                }
+            }
+            if (wrapperElem) {
+                const parentNode = wrapperElem.parentNode;
+                if (parentNode) {
+                    parentNode.removeChild(wrapperElem);
+                }
+            }
+        });
+        const renderContent = () => {
+            const { useHTML } = props;
+            const { tipContent } = reactData;
+            const contentSlot = slots.content;
+            if (contentSlot) {
+                return h('div', {
+                    key: 1,
+                    class: 'vxe-table--tooltip-content'
+                }, getSlotVNs(contentSlot({})));
+            }
+            if (useHTML) {
+                return h('div', {
+                    key: 2,
+                    class: 'vxe-table--tooltip-content',
+                    innerHTML: tipContent
+                });
+            }
+            return h('div', {
+                key: 3,
+                class: 'vxe-table--tooltip-content'
+            }, formatText(tipContent));
+        };
+        const renderVN = () => {
+            const { popupClassName, theme, isArrow, enterable } = props;
+            const { tipActive, visible, tipStore } = reactData;
+            const defaultSlot = slots.default;
+            const vSize = computeSize.value;
+            let ons;
+            if (enterable) {
+                ons = {
+                    onMouseenter: wrapperMouseenterEvent,
+                    onMouseleave: wrapperMouseleaveEvent
+                };
+            }
+            return h('div', {
+                ref: refElem,
+                class: ['vxe-table--tooltip-wrapper', `theme--${theme}`, popupClassName ? (XEUtils.isFunction(popupClassName) ? popupClassName({ $tooltip: $xetooltip }) : popupClassName) : '', {
+                        [`size--${vSize}`]: vSize,
+                        [`placement--${tipStore.placement}`]: tipStore.placement,
+                        'is--enterable': enterable,
+                        'is--visible': visible,
+                        'is--arrow': isArrow,
+                        'is--active': tipActive
+                    }],
+                style: tipStore.style,
+                ...ons
+            }, [
+                renderContent(),
+                h('div', {
+                    class: 'vxe-table--tooltip-arrow',
+                    style: tipStore.arrowStyle
+                }),
+                ...(defaultSlot ? getSlotVNs(defaultSlot({})) : [])
+            ]);
+        };
+        $xetooltip.renderVN = renderVN;
+        return $xetooltip;
+    },
+    render() {
+        return this.renderVN();
+    }
+});

package/es/tooltip/style.css

@@ -0,0 +1,103 @@
+.vxe-table--tooltip-wrapper {
+  display: none;
+  position: absolute;
+  top: -100%;
+  left: -100%;
+  font-size: 12px;
+  max-width: 600px;
+  border-radius: var(--vxe-ui-border-radius);
+  padding: 8px 12px;
+  white-space: normal;
+  word-break: break-word;
+  box-shadow: 2px 2px 4px -2px rgba(0, 0, 0, 0.2);
+  color: var(--vxe-ui-font-color);
+  font-family: var(--vxe-ui-font-family);
+}
+.vxe-table--tooltip-wrapper:not(.is--enterable) {
+  pointer-events: none;
+}
+.vxe-table--tooltip-wrapper.is--visible {
+  display: block;
+}
+.vxe-table--tooltip-wrapper.is--arrow .vxe-table--tooltip-arrow {
+  display: block;
+}
+.vxe-table--tooltip-wrapper.is--enterable:after {
+  content: "";
+  position: absolute;
+  left: 0;
+  width: 100%;
+  height: 6px;
+  background-color: transparent;
+}
+.vxe-table--tooltip-wrapper .vxe-table--tooltip-content {
+  white-space: pre-line;
+}
+.vxe-table--tooltip-wrapper .vxe-table--tooltip-arrow {
+  display: none;
+  position: absolute;
+  border-color: transparent;
+  border-width: 6px;
+  border-style: solid;
+  left: 50%;
+  transform: translateX(-6px);
+}
+.vxe-table--tooltip-wrapper .vxe-table--tooltip-arrow:before {
+  content: "";
+  position: absolute;
+  border-color: transparent;
+  border-width: 5px;
+  border-style: solid;
+  left: -5px;
+}
+.vxe-table--tooltip-wrapper.placement--top.is--enterable:after {
+  bottom: -6px;
+}
+.vxe-table--tooltip-wrapper.placement--top .vxe-table--tooltip-arrow {
+  bottom: -12px;
+}
+.vxe-table--tooltip-wrapper.placement--top .vxe-table--tooltip-arrow:before {
+  top: -7px;
+}
+.vxe-table--tooltip-wrapper.placement--bottom.is--enterable:after {
+  top: -6px;
+}
+.vxe-table--tooltip-wrapper.placement--bottom .vxe-table--tooltip-arrow {
+  top: -12px;
+}
+.vxe-table--tooltip-wrapper.placement--bottom .vxe-table--tooltip-arrow:before {
+  top: -4px;
+}
+
+.vxe-table--tooltip-wrapper.theme--light {
+  background-color: var(--vxe-ui-tooltip-light-background-color);
+  border: 1px solid var(--vxe-ui-input-border-color);
+}
+.vxe-table--tooltip-wrapper.theme--light.placement--top .vxe-table--tooltip-arrow {
+  border-top-color: var(--vxe-ui-input-border-color);
+}
+.vxe-table--tooltip-wrapper.theme--light.placement--top .vxe-table--tooltip-arrow:before {
+  border-top-color: var(--vxe-ui-tooltip-light-background-color);
+}
+.vxe-table--tooltip-wrapper.theme--light.placement--bottom .vxe-table--tooltip-arrow {
+  border-bottom-color: var(--vxe-ui-input-border-color);
+}
+.vxe-table--tooltip-wrapper.theme--light.placement--bottom .vxe-table--tooltip-arrow:before {
+  border-bottom-color: var(--vxe-ui-tooltip-light-background-color);
+}
+.vxe-table--tooltip-wrapper.theme--dark {
+  background: var(--vxe-ui-tooltip-dark-background-color);
+  color: var(--vxe-ui-tooltip-dark-color);
+}
+.vxe-table--tooltip-wrapper.theme--dark.placement--top .vxe-table--tooltip-arrow {
+  border-top-color: var(--vxe-ui-tooltip-dark-background-color);
+}
+.vxe-table--tooltip-wrapper.theme--dark.placement--top .vxe-table--tooltip-arrow:before {
+  border-top-color: var(--vxe-ui-tooltip-dark-background-color);
+}
+.vxe-table--tooltip-wrapper.theme--dark.placement--bottom .vxe-table--tooltip-arrow {
+  border-bottom-color: var(--vxe-ui-tooltip-dark-background-color);
+}
+.vxe-table--tooltip-wrapper.theme--dark.placement--bottom .vxe-table--tooltip-arrow:before {
+  border-bottom-color: var(--vxe-ui-tooltip-dark-background-color);
+}

package/es/tooltip/style.min.css

@@ -0,0 +1 @@
+.vxe-table--tooltip-wrapper{display:none;position:absolute;top:-100%;left:-100%;font-size:12px;max-width:600px;border-radius:var(--vxe-ui-border-radius);padding:8px 12px;white-space:normal;word-break:break-word;box-shadow:2px 2px 4px -2px rgba(0,0,0,.2);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-table--tooltip-wrapper:not(.is--enterable){pointer-events:none}.vxe-table--tooltip-wrapper.is--visible{display:block}.vxe-table--tooltip-wrapper.is--arrow .vxe-table--tooltip-arrow{display:block}.vxe-table--tooltip-wrapper.is--enterable:after{content:"";position:absolute;left:0;width:100%;height:6px;background-color:transparent}.vxe-table--tooltip-wrapper .vxe-table--tooltip-content{white-space:pre-line}.vxe-table--tooltip-wrapper .vxe-table--tooltip-arrow{display:none;position:absolute;border-color:transparent;border-width:6px;border-style:solid;left:50%;transform:translateX(-6px)}.vxe-table--tooltip-wrapper .vxe-table--tooltip-arrow:before{content:"";position:absolute;border-color:transparent;border-width:5px;border-style:solid;left:-5px}.vxe-table--tooltip-wrapper.placement--top.is--enterable:after{bottom:-6px}.vxe-table--tooltip-wrapper.placement--top .vxe-table--tooltip-arrow{bottom:-12px}.vxe-table--tooltip-wrapper.placement--top .vxe-table--tooltip-arrow:before{top:-7px}.vxe-table--tooltip-wrapper.placement--bottom.is--enterable:after{top:-6px}.vxe-table--tooltip-wrapper.placement--bottom .vxe-table--tooltip-arrow{top:-12px}.vxe-table--tooltip-wrapper.placement--bottom .vxe-table--tooltip-arrow:before{top:-4px}.vxe-table--tooltip-wrapper.theme--light{background-color:var(--vxe-ui-tooltip-light-background-color);border:1px solid var(--vxe-ui-input-border-color)}.vxe-table--tooltip-wrapper.theme--light.placement--top .vxe-table--tooltip-arrow{border-top-color:var(--vxe-ui-input-border-color)}.vxe-table--tooltip-wrapper.theme--light.placement--top .vxe-table--tooltip-arrow:before{border-top-color:var(--vxe-ui-tooltip-light-background-color)}.vxe-table--tooltip-wrapper.theme--light.placement--bottom .vxe-table--tooltip-arrow{border-bottom-color:var(--vxe-ui-input-border-color)}.vxe-table--tooltip-wrapper.theme--light.placement--bottom .vxe-table--tooltip-arrow:before{border-bottom-color:var(--vxe-ui-tooltip-light-background-color)}.vxe-table--tooltip-wrapper.theme--dark{background:var(--vxe-ui-tooltip-dark-background-color);color:var(--vxe-ui-tooltip-dark-color)}.vxe-table--tooltip-wrapper.theme--dark.placement--top .vxe-table--tooltip-arrow{border-top-color:var(--vxe-ui-tooltip-dark-background-color)}.vxe-table--tooltip-wrapper.theme--dark.placement--top .vxe-table--tooltip-arrow:before{border-top-color:var(--vxe-ui-tooltip-dark-background-color)}.vxe-table--tooltip-wrapper.theme--dark.placement--bottom .vxe-table--tooltip-arrow{border-bottom-color:var(--vxe-ui-tooltip-dark-background-color)}.vxe-table--tooltip-wrapper.theme--dark.placement--bottom .vxe-table--tooltip-arrow:before{border-bottom-color:var(--vxe-ui-tooltip-dark-background-color)}

package/es/ui/src/core.js

@@ -3,6 +3,9 @@ import DomZIndex from 'dom-zindex';
 import globalConfigStore from './globalStore';
 import iconConfigStore from './iconStore';
 import setTheme from './theme';
+import { getI18n } from './i18n';
+import { renderer } from './renderer';
+import { validators } from './validators';
 /**
 * 全局参数设置
 */
@@ -29,13 +32,20 @@ export function setIcon(options) {
 export function getIcon(key) {
     return arguments.length ? XEUtils.get(iconConfigStore, key) : iconConfigStore;
 }
-export const version = "0.0.2";
+export const version = "0.1.0";
 const VxeCore = {
     version,
     setConfig,
     getConfig,
     setIcon,
-    getIcon
+    getIcon,
+    getI18n,
+    renderer,
+    validators,
+    modal: null
 };
 setTheme();
+export * from './i18n';
+export * from './renderer';
+export * from './validators';
 export default VxeCore;

package/es/ui/src/dom.js

@@ -88,3 +88,23 @@ export function getAbsolutePos(elem) {
     const { scrollTop, scrollLeft, visibleHeight, visibleWidth } = getDomNode();
     return { boundingTop, top: scrollTop + boundingTop, boundingLeft, left: scrollLeft + boundingLeft, visibleHeight, visibleWidth };
 }
+const scrollIntoViewIfNeeded = 'scrollIntoViewIfNeeded';
+const scrollIntoView = 'scrollIntoView';
+export function scrollToView(elem) {
+    if (elem) {
+        if (elem[scrollIntoViewIfNeeded]) {
+            elem[scrollIntoViewIfNeeded]();
+        }
+        else if (elem[scrollIntoView]) {
+            elem[scrollIntoView]();
+        }
+    }
+}
+export function triggerEvent(targetElem, type) {
+    if (targetElem) {
+        targetElem.dispatchEvent(new Event(type));
+    }
+}
+export function isNodeElement(elem) {
+    return elem && elem.nodeType === 1;
+}

package/es/ui/src/globalStore.js

@@ -1,8 +1,123 @@
 const globalConfigStore = {
-    button: {},
-    breadcrumb: {
-        separator: '/'
+    size: '',
+    theme: '',
+    version: 1,
+    zIndex: 999,
+    emptyCell: '　',
+    loadingText: '',
+    i18n: (key) => key,
+    tooltip: {
+        // size: null,
+        trigger: 'hover',
+        theme: 'dark',
+        enterDelay: 500,
+        leaveDelay: 300
     },
-    i18n: (key) => key
+    pager: {
+    // size: null,
+    // autoHidden: false,
+    // perfect: true,
+    // pageSize: 10,
+    // pagerCount: 7,
+    // pageSizes: [10, 15, 20, 50, 100],
+    // layouts: ['PrevJump', 'PrevPage', 'Jump', 'PageCount', 'NextPage', 'NextJump', 'Sizes', 'Total']
+    },
+    form: {
+        // preventSubmit: false,
+        // size: null,
+        // colon: false,
+        validConfig: {
+            showMessage: true,
+            autoPos: true
+        },
+        tooltipConfig: {
+            enterable: true
+        },
+        titleAsterisk: true
+    },
+    input: {
+        // size: null,
+        // transfer: false
+        // parseFormat: 'yyyy-MM-dd HH:mm:ss.SSS',
+        // labelFormat: '',
+        // valueFormat: '',
+        startDate: new Date(1900, 0, 1),
+        endDate: new Date(2100, 0, 1),
+        startDay: 1,
+        selectDay: 1,
+        digits: 2,
+        controls: true
+    },
+    textarea: {
+    // size: null,
+    // autosize: {
+    //   minRows: 1,
+    //   maxRows: 10
+    // }
+    },
+    select: {
+        // size: null,
+        // transfer: false,
+        // optionConfig: {
+        //   keyField: '_X_OPTION_KEY'
+        // },
+        multiCharOverflow: 8
+    },
+    button: {
+    // size: null,
+    // transfer: false
+    },
+    buttonGroup: {
+    // size: null
+    },
+    radio: {
+        // size: null,
+        strict: true
+    },
+    radioButton: {
+        // size: null,
+        strict: true
+    },
+    radioGroup: {
+        // size: null,
+        strict: true
+    },
+    checkbox: {
+    // size: null
+    },
+    checkboxGroup: {
+    // size: null
+    },
+    switch: {
+    // size: null
+    },
+    modal: {
+        // size: null,
+        top: 15,
+        showHeader: true,
+        minWidth: 340,
+        minHeight: 140,
+        lockView: true,
+        mask: true,
+        duration: 3000,
+        marginSize: 0,
+        dblclickZoom: true,
+        showTitleOverflow: true,
+        animat: true,
+        showClose: true,
+        draggable: true,
+        // storage: false,
+        storageKey: 'VXE_MODAL_POSITION'
+    },
+    list: {
+        // size: null,
+        scrollY: {
+            enabled: true,
+            gt: 100
+            // oSize: 0
+        }
+    },
+    breadcrumb: {},
+    formDesign: {}
 };
 export default globalConfigStore;

package/es/ui/src/i18n.js

@@ -0,0 +1,7 @@
+import globalConfigStore from './globalStore';
+export function getI18n(key, args) {
+    if (globalConfigStore.i18n) {
+        return globalConfigStore.i18n(key, args);
+    }
+    return key;
+}

package/es/ui/src/log.js

@@ -1,6 +1,6 @@
-import globalConfigStore from './globalStore';
+import { getI18n } from './i18n';
 export function getLog(message, params) {
-    return `[vxe-table v${"0.0.2"}] ${globalConfigStore.i18n(message, params)}`;
+    return `[vxe-table v${"0.1.0"}] ${getI18n(message, params)}`;
 }
 function outLog(type) {
     return function (message, params) {