vxe-pc-ui 3.15.27 → 3.16.0

package/es/collapse/src/collapse.js

@@ -1,360 +0,0 @@
-import { defineVxeComponent } from '../../ui/src/comp';
-import { getConfig, getIcon, createEvent, permission, renderEmptyElement, globalMixins } from '../../ui';
-import { toCssUnit } from '../../ui/src/dom';
-import { getSlotVNs } from '../../ui/src/vn';
-import XEUtils from 'xe-utils';
-function createReactData() {
-    return {
-        staticPanes: [],
-        cachePaneMaps: {},
-        activeKeyFlag: 0,
-        openKeyFlag: 0
-    };
-}
-function createInternalData() {
-    return {
-        // esTime: null,
-        activeKeyMaps: {},
-        openKeyMaps: {}
-    };
-}
-export default {
-    name: 'VxeCollapse',
-    mixins: [
-        globalMixins.sizeMixin,
-        globalMixins.permissionMixin
-    ],
-    props: {
-        value: Array,
-        options: Array,
-        padding: {
-            type: Boolean,
-            default: () => getConfig().collapse.padding
-        },
-        border: {
-            type: Boolean,
-            default: () => getConfig().collapse.border
-        },
-        expandConfig: Object,
-        size: {
-            type: String,
-            default: () => getConfig().collapse.size || getConfig().size
-        }
-    },
-    provide() {
-        const $xeCollapse = this;
-        return {
-            $xeCollapse
-        };
-    },
-    data() {
-        const xID = XEUtils.uniqueId();
-        const reactData = createReactData();
-        return Object.assign(Object.assign({}, {}), { xID,
-            reactData });
-    },
-    computed: Object.assign(Object.assign({}, {}), { computeItemOptions() {
-            const $xeCollapse = this;
-            const props = $xeCollapse;
-            const { options } = props;
-            return (options || []).filter((item) => $xeCollapse.handleFilterItem(item));
-        },
-        computeItemStaticOptions() {
-            const $xeCollapse = this;
-            const reactData = $xeCollapse.reactData;
-            const { staticPanes } = reactData;
-            return staticPanes.filter((item) => $xeCollapse.handleFilterItem(item));
-        },
-        computeExpandOpts() {
-            const $xeCollapse = this;
-            const props = $xeCollapse;
-            return Object.assign({}, getConfig().collapse.expandConfig, props.expandConfig);
-        },
-        computeSpFlag() {
-            const $xeCollapse = this;
-            const reactData = $xeCollapse.reactData;
-            return reactData.staticPanes;
-        } }),
-    methods: {
-        //
-        // Method
-        //
-        dispatchEvent(type, params, evnt) {
-            const $xeCollapse = this;
-            $xeCollapse.$emit(type, createEvent(evnt, { $collapse: $xeCollapse }, params));
-        },
-        emitModel(value) {
-            const $xeCollapse = this;
-            $xeCollapse.$emit('input', value);
-        },
-        handleFilterItem(item) {
-            const { permissionCode } = item;
-            if (permissionCode) {
-                if (!permission.checkVisible(permissionCode)) {
-                    return false;
-                }
-            }
-            return true;
-        },
-        updateModel() {
-            const $xeCollapse = this;
-            const props = $xeCollapse;
-            const internalData = $xeCollapse.internalData;
-            const reactData = $xeCollapse.reactData;
-            const { value: modelValue } = props;
-            const { openKeyMaps } = internalData;
-            const activeMaps = {};
-            if (modelValue) {
-                modelValue.forEach(name => {
-                    if (!openKeyMaps[name]) {
-                        openKeyMaps[name] = true;
-                    }
-                    activeMaps[name] = true;
-                });
-            }
-            internalData.activeKeyMaps = activeMaps;
-            reactData.activeKeyFlag++;
-            reactData.openKeyFlag++;
-        },
-        handleOpen(name) {
-            const $xeCollapse = this;
-            const internalData = $xeCollapse.internalData;
-            const { openKeyMaps } = internalData;
-            if (name && !openKeyMaps[name]) {
-                openKeyMaps[name] = true;
-                $xeCollapse.dispatchEvent('load', { name }, null);
-                return true;
-            }
-            return false;
-        },
-        initDefaultName(list) {
-            const $xeCollapse = this;
-            const reactData = $xeCollapse.reactData;
-            const internalData = $xeCollapse.internalData;
-            const { activeKeyMaps } = internalData;
-            const nameMaps = {};
-            if (list && list.length) {
-                list.forEach((item) => {
-                    const { name, preload } = item || {};
-                    if (name) {
-                        const isActive = activeKeyMaps[name];
-                        nameMaps[name] = {
-                            height: 0,
-                            loading: false
-                        };
-                        if (isActive || preload) {
-                            $xeCollapse.handleOpen(name);
-                        }
-                    }
-                });
-            }
-            reactData.cachePaneMaps = nameMaps;
-            reactData.openKeyFlag++;
-        },
-        callSlot(slotFunc, params, h) {
-            const $xeCollapse = this;
-            const slots = $xeCollapse.$scopedSlots;
-            if (slotFunc) {
-                if (XEUtils.isString(slotFunc)) {
-                    slotFunc = slots[slotFunc] || null;
-                }
-                if (XEUtils.isFunction(slotFunc)) {
-                    return getSlotVNs(slotFunc.call($xeCollapse, params, h));
-                }
-            }
-            return [];
-        },
-        handleClickEvent(evnt, item) {
-            const $xeCollapse = this;
-            const internalData = $xeCollapse.internalData;
-            const reactData = $xeCollapse.reactData;
-            let { activeKeyMaps } = internalData;
-            const { esTime } = internalData;
-            const expandOpts = $xeCollapse.computeExpandOpts;
-            const { accordion } = expandOpts;
-            const { name } = item;
-            if (esTime) {
-                clearTimeout(esTime);
-            }
-            if (name) {
-                const headEl = evnt.currentTarget;
-                const bodyEl = headEl.nextElementSibling;
-                let expanded = false;
-                if (activeKeyMaps[name]) {
-                    delete activeKeyMaps[name];
-                }
-                else {
-                    if (accordion) {
-                        activeKeyMaps = {};
-                    }
-                    expanded = true;
-                    activeKeyMaps[name] = true;
-                }
-                const startAnimation = () => {
-                    const itemEl = bodyEl.firstElementChild;
-                    if (itemEl) {
-                        bodyEl.style.height = toCssUnit(itemEl.scrollHeight);
-                        if (expanded) {
-                            internalData.esTime = setTimeout(() => {
-                                bodyEl.style.height = '';
-                                internalData.esTime = undefined;
-                            }, 200);
-                        }
-                        else {
-                            $xeCollapse.$nextTick(() => {
-                                requestAnimationFrame(() => {
-                                    bodyEl.style.height = '';
-                                });
-                            });
-                        }
-                    }
-                };
-                const value = Object.keys(activeKeyMaps);
-                internalData.activeKeyMaps = activeKeyMaps;
-                $xeCollapse.handleOpen(name);
-                reactData.activeKeyFlag++;
-                reactData.openKeyFlag++;
-                if (bodyEl) {
-                    const itemEl = bodyEl.firstElementChild;
-                    if (itemEl) {
-                        startAnimation();
-                    }
-                    else {
-                        bodyEl.style.height = '0';
-                        $xeCollapse.$nextTick(startAnimation);
-                    }
-                }
-                $xeCollapse.emitModel(value);
-                $xeCollapse.dispatchEvent('change', { value, name }, evnt);
-                $xeCollapse.dispatchEvent('toggle-expand', { value, name, expanded }, evnt);
-            }
-        },
-        //
-        // Render
-        //
-        renderList(h, itemList) {
-            const $xeCollapse = this;
-            const reactData = $xeCollapse.reactData;
-            const internalData = $xeCollapse.internalData;
-            const { activeKeyFlag, openKeyFlag } = reactData;
-            const { activeKeyMaps, openKeyMaps } = internalData;
-            const expandOpts = $xeCollapse.computeExpandOpts;
-            return itemList.map(item => {
-                const { icon, name, title, slots } = item;
-                const titleSlot = slots ? slots.title : null;
-                const defaultSlot = slots ? slots.default : null;
-                const isActive = name && activeKeyFlag && activeKeyMaps[name];
-                return h('div', {
-                    class: 'vxe-collapse-item'
-                }, [
-                    h('div', {
-                        class: 'vxe-collapse--item-header',
-                        on: {
-                            click(evnt) {
-                                $xeCollapse.handleClickEvent(evnt, item);
-                            }
-                        }
-                    }, [
-                        expandOpts.showIcon
-                            ? h('span', {
-                                class: 'vxe-collapse--item-switch'
-                            }, [
-                                h('i', {
-                                    class: isActive ? getIcon().COLLAPSE_OPEN : getIcon().COLLAPSE_CLOSE
-                                })
-                            ])
-                            : renderEmptyElement($xeCollapse),
-                        icon
-                            ? h('span', {
-                                class: 'vxe-collapse--item-icon'
-                            }, [
-                                h('i', {
-                                    class: icon
-                                })
-                            ])
-                            : renderEmptyElement($xeCollapse),
-                        h('span', {
-                            class: 'vxe-collapse--item-name'
-                        }, titleSlot ? $xeCollapse.callSlot(titleSlot, { name, title }, h) : `${title}`)
-                    ]),
-                    h('div', {
-                        class: ['vxe-collapse--item-content', {
-                                'is--visible': isActive,
-                                'is--hidden': !isActive
-                            }]
-                    }, [
-                        name && openKeyFlag && openKeyMaps[name]
-                            ? h('div', {
-                                class: 'vxe-collapse--item-inner'
-                            }, [
-                                defaultSlot ? $xeCollapse.callSlot(defaultSlot, { name, title }, h) : ''
-                            ])
-                            : renderEmptyElement($xeCollapse)
-                    ])
-                ]);
-            });
-        },
-        renderVN(h) {
-            const $xeCollapse = this;
-            const props = $xeCollapse;
-            const slots = $xeCollapse.$scopedSlots;
-            const { padding, border } = props;
-            const vSize = $xeCollapse.computeSize;
-            const itemOptions = $xeCollapse.computeItemOptions;
-            const itemStaticOptions = $xeCollapse.computeItemStaticOptions;
-            const defaultSlot = slots.default;
-            const itemList = defaultSlot ? itemStaticOptions : itemOptions;
-            return h('div', {
-                ref: 'refElem',
-                class: ['vxe-collapse', {
-                        [`size--${vSize}`]: vSize,
-                        'is--padding': padding,
-                        'is--border': border
-                    }]
-            }, [
-                h('div', {
-                    class: 'vxe-collapse-slots'
-                }, defaultSlot ? defaultSlot({}) : []),
-                $xeCollapse.renderList(h, itemList)
-            ]);
-        }
-    },
-    watch: {
-        value() {
-            const $xeCollapse = this;
-            $xeCollapse.updateModel();
-        },
-        options() {
-            const $xeCollapse = this;
-            const props = $xeCollapse;
-            $xeCollapse.initDefaultName(props.options);
-        },
-        computeSpFlag() {
-            const $xeCollapse = this;
-            const reactData = $xeCollapse.reactData;
-            $xeCollapse.initDefaultName(reactData.staticPanes);
-        }
-    },
-    created() {
-        const $xeCollapse = this;
-        const props = $xeCollapse;
-        const reactData = $xeCollapse.reactData;
-        $xeCollapse.internalData = createInternalData();
-        $xeCollapse.updateModel();
-        $xeCollapse.initDefaultName(reactData.staticPanes.length ? reactData.staticPanes : props.options);
-    },
-    destroyed() {
-        const $xeCollapse = this;
-        const reactData = $xeCollapse.reactData;
-        const internalData = $xeCollapse.internalData;
-        const { esTime } = internalData;
-        if (esTime) {
-            clearTimeout(esTime);
-        }
-        XEUtils.assign(reactData, createReactData());
-        XEUtils.assign(internalData, createInternalData());
-    },
-    render(h) {
-        return this.renderVN(h);
-    }
-};

package/es/collapse/src/util.js

@@ -1,17 +0,0 @@
-import XEUtils from 'xe-utils';
-export function assembleCollapseItem($xeCollapse, elem, collapseConfig) {
-    const staticPanes = $xeCollapse.reactData.staticPanes;
-    const parentElem = elem.parentNode;
-    if (parentElem) {
-        staticPanes.splice(XEUtils.arrayIndexOf(parentElem.children, elem), 0, collapseConfig);
-        $xeCollapse.reactData.staticPanes = staticPanes.slice(0);
-    }
-}
-export function destroyCollapseItem($xeCollapse, collapseConfig) {
-    const staticPanes = $xeCollapse.reactData.staticPanes;
-    const matchObj = XEUtils.findTree(staticPanes, item => item.id === collapseConfig.id, { children: 'children' });
-    if (matchObj) {
-        matchObj.items.splice(matchObj.index, 1);
-    }
-    $xeCollapse.reactData.staticPanes = staticPanes.slice(0);
-}

package/es/collapse/style.css

@@ -1,83 +0,0 @@
-.vxe-collapse {
-  font-size: var(--vxe-ui-collapse-font-size);
-  color: var(--vxe-ui-font-color);
-  font-family: var(--vxe-ui-font-family);
-}
-.vxe-collapse.is--padding .vxe-collapse--item-header {
-  padding: 0 var(--vxe-ui-collapse-scope-padding);
-}
-.vxe-collapse.is--padding .vxe-collapse--item-inner {
-  padding: var(--vxe-ui-collapse-scope-padding);
-}
-.vxe-collapse.is--border > .vxe-collapse-item {
-  border-top: 1px solid var(--vxe-ui-collapse-border-color);
-}
-.vxe-collapse.is--border > .vxe-collapse-item:last-child {
-  border-bottom: 1px solid var(--vxe-ui-collapse-border-color);
-}
-.vxe-collapse.is--border > .vxe-collapse-item > .vxe-collapse--item-content > .vxe-collapse--item-inner {
-  border-top: 1px solid var(--vxe-ui-collapse-border-color);
-}
-
-.vxe-collapse-slots {
-  display: none;
-}
-
-.vxe-collapse--item-content {
-  overflow: hidden;
-  transition: height 0.2s ease-in-out;
-}
-.vxe-collapse--item-content.is--hidden {
-  height: 0;
-}
-
-.vxe-collapse--item-inner {
-  position: relative;
-}
-
-.vxe-collapse--item-header {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  min-height: var(--vxe-ui-collapse-scope-min-height);
-  cursor: pointer;
-}
-
-.vxe-collapse--item-switch,
-.vxe-collapse--item-icon {
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  padding-right: var(--vxe-ui-layout-padding-half);
-}
-
-.vxe-collapse--item-switch {
-  flex-shrink: 0;
-  cursor: pointer;
-}
-.vxe-collapse--item-switch > i {
-  display: inline-block;
-  transition: transform 0.2s ease-in-out;
-}
-
-.vxe-collapse {
-  --vxe-ui-collapse-font-size: var(--vxe-ui-font-size-default);
-  --vxe-ui-collapse-scope-min-height: var(--vxe-ui-collapse-min-height-default);
-  --vxe-ui-collapse-scope-padding: var(--vxe-ui-layout-padding-double);
-}
-.vxe-collapse.size--medium {
-  --vxe-ui-collapse-font-size:var(--vxe-ui-font-size-medium);
-  --vxe-ui-collapse-scope-min-height: var(--vxe-ui-collapse-min-height-medium);
-  --vxe-ui-collapse-scope-padding: calc(var(--vxe-ui-layout-padding-double) - 4px);
-}
-.vxe-collapse.size--small {
-  --vxe-ui-collapse-font-size:var(--vxe-ui-font-size-small);
-  --vxe-ui-collapse-scope-min-height: var(--vxe-ui-collapse-min-height-small);
-  --vxe-ui-collapse-scope-padding: calc(var(--vxe-ui-layout-padding-double) - 6px);
-}
-.vxe-collapse.size--mini {
-  --vxe-ui-collapse-font-size:var(--vxe-ui-font-size-mini);
-  --vxe-ui-collapse-scope-min-height: var(--vxe-ui-collapse-min-height-mini);
-  --vxe-ui-collapse-scope-padding: calc(var(--vxe-ui-layout-padding-double) - 8px);
-}

package/es/collapse/style.min.css

@@ -1 +0,0 @@
-.vxe-collapse{font-size:var(--vxe-ui-collapse-font-size);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-collapse.is--padding .vxe-collapse--item-header{padding:0 var(--vxe-ui-collapse-scope-padding)}.vxe-collapse.is--padding .vxe-collapse--item-inner{padding:var(--vxe-ui-collapse-scope-padding)}.vxe-collapse.is--border>.vxe-collapse-item{border-top:1px solid var(--vxe-ui-collapse-border-color)}.vxe-collapse.is--border>.vxe-collapse-item:last-child{border-bottom:1px solid var(--vxe-ui-collapse-border-color)}.vxe-collapse.is--border>.vxe-collapse-item>.vxe-collapse--item-content>.vxe-collapse--item-inner{border-top:1px solid var(--vxe-ui-collapse-border-color)}.vxe-collapse-slots{display:none}.vxe-collapse--item-content{overflow:hidden;transition:height .2s ease-in-out}.vxe-collapse--item-content.is--hidden{height:0}.vxe-collapse--item-inner{position:relative}.vxe-collapse--item-header{display:flex;flex-direction:row;align-items:center;min-height:var(--vxe-ui-collapse-scope-min-height);cursor:pointer}.vxe-collapse--item-icon,.vxe-collapse--item-switch{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-right:var(--vxe-ui-layout-padding-half)}.vxe-collapse--item-switch{flex-shrink:0;cursor:pointer}.vxe-collapse--item-switch>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-collapse{--vxe-ui-collapse-font-size:var(--vxe-ui-font-size-default);--vxe-ui-collapse-scope-min-height:var(--vxe-ui-collapse-min-height-default);--vxe-ui-collapse-scope-padding:var(--vxe-ui-layout-padding-double)}.vxe-collapse.size--medium{--vxe-ui-collapse-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-collapse-scope-min-height:var(--vxe-ui-collapse-min-height-medium);--vxe-ui-collapse-scope-padding:calc(var(--vxe-ui-layout-padding-double) - 4px)}.vxe-collapse.size--small{--vxe-ui-collapse-font-size:var(--vxe-ui-font-size-small);--vxe-ui-collapse-scope-min-height:var(--vxe-ui-collapse-min-height-small);--vxe-ui-collapse-scope-padding:calc(var(--vxe-ui-layout-padding-double) - 6px)}.vxe-collapse.size--mini{--vxe-ui-collapse-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-collapse-scope-min-height:var(--vxe-ui-collapse-min-height-mini);--vxe-ui-collapse-scope-padding:calc(var(--vxe-ui-layout-padding-double) - 8px)}

package/es/collapse-pane/index.js

@@ -1,12 +0,0 @@
-import { VxeUI } from '@vxe-ui/core';
-import VxeCollapsePaneComponent from '../collapse/src/collapse-pane';
-import { dynamicApp } from '../dynamics';
-export const VxeCollapsePane = Object.assign({}, VxeCollapsePaneComponent, {
-    install(app) {
-        app.component(VxeCollapsePaneComponent.name, VxeCollapsePaneComponent);
-    }
-});
-dynamicApp.use(VxeCollapsePane);
-VxeUI.component(VxeCollapsePaneComponent);
-export const CollapsePane = VxeCollapsePane;
-export default VxeCollapsePane;

package/es/color-picker/index.js

@@ -1,12 +0,0 @@
-import { VxeUI } from '@vxe-ui/core';
-import VxeColorPickerComponent from './src/color-picker';
-import { dynamicApp } from '../dynamics';
-export const VxeColorPicker = Object.assign({}, VxeColorPickerComponent, {
-    install(app) {
-        app.component(VxeColorPickerComponent.name, VxeColorPickerComponent);
-    }
-});
-dynamicApp.use(VxeColorPicker);
-VxeUI.component(VxeColorPickerComponent);
-export const ColorPicker = VxeColorPicker;
-export default VxeColorPicker;