vxe-pc-ui 3.15.27 → 3.16.0

package/es/switch/index.js

@@ -1,12 +0,0 @@
-import { VxeUI } from '@vxe-ui/core';
-import { dynamicApp } from '../dynamics';
-import VxeSwitchComponent from './src/switch';
-export const VxeSwitch = Object.assign(VxeSwitchComponent, {
-    install: function (app) {
-        app.component(VxeSwitchComponent.name, VxeSwitchComponent);
-    }
-});
-dynamicApp.use(VxeSwitch);
-VxeUI.component(VxeSwitchComponent);
-export const Switch = VxeSwitch;
-export default VxeSwitch;

package/es/switch/src/switch.js

@@ -1,261 +0,0 @@
-import { defineVxeComponent } from '../../ui/src/comp';
-import XEUtils from 'xe-utils';
-import { getConfig, getI18n, createEvent, globalMixins, renderEmptyElement } from '../../ui';
-import { getFuncText } from '../../ui/src/utils';
-export default {
-    name: 'VxeSwitch',
-    mixins: [
-        globalMixins.sizeMixin,
-        globalMixins.permissionMixin
-    ],
-    props: {
-        value: [String, Number, Boolean],
-        disabled: {
-            type: Boolean,
-            default: null
-        },
-        readonly: {
-            type: Boolean,
-            default: null
-        },
-        size: {
-            type: String,
-            default: () => getConfig().switch.size || getConfig().size
-        },
-        openLabel: String,
-        closeLabel: String,
-        openValue: {
-            type: [String, Number, Boolean],
-            default: true
-        },
-        closeValue: {
-            type: [String, Number, Boolean],
-            default: false
-        },
-        openIcon: String,
-        closeIcon: String,
-        openActiveIcon: String,
-        closeActiveIcon: String
-    },
-    inject: {
-        $xeForm: {
-            default: null
-        },
-        formItemInfo: {
-            from: 'xeFormItemInfo',
-            default: null
-        }
-    },
-    data() {
-        const reactData = {
-            isActivated: false,
-            hasAnimat: false,
-            offsetLeft: 0
-        };
-        const internalData = {};
-        return {
-            xID: XEUtils.uniqueId(),
-            reactData,
-            internalData
-        };
-    },
-    computed: Object.assign(Object.assign({}, {}), { computeIsReadonly() {
-            const $xeSwitch = this;
-            const props = $xeSwitch;
-            const $xeForm = $xeSwitch.$xeForm;
-            const { readonly } = props;
-            if (readonly === null) {
-                if ($xeForm) {
-                    return $xeForm.readonly;
-                }
-                return false;
-            }
-            return readonly;
-        },
-        computeIsDisabled() {
-            const $xeSwitch = this;
-            const props = $xeSwitch;
-            const $xeForm = $xeSwitch.$xeForm;
-            const { disabled } = props;
-            if (disabled === null) {
-                if ($xeForm) {
-                    return $xeForm.disabled;
-                }
-                return false;
-            }
-            return disabled;
-        },
-        computeOnShowLabel() {
-            const $xeSwitch = this;
-            const props = $xeSwitch;
-            return getFuncText(props.openLabel);
-        },
-        computeOffShowLabel() {
-            const $xeSwitch = this;
-            const props = $xeSwitch;
-            return getFuncText(props.closeLabel);
-        },
-        computeIsChecked() {
-            const $xeSwitch = this;
-            const props = $xeSwitch;
-            return props.value === props.openValue;
-        } }),
-    methods: {
-        //
-        // Method
-        //
-        dispatchEvent(type, params, evnt) {
-            const $xeSwitch = this;
-            $xeSwitch.$emit(type, createEvent(evnt, { $switch: $xeSwitch }, params));
-        },
-        emitModel(value) {
-            const $xeSwitch = this;
-            const { _events } = $xeSwitch;
-            $xeSwitch.$emit('input', value);
-            if (_events && _events.modelValue) {
-                $xeSwitch.$emit('modelValue', value);
-            }
-            else {
-                $xeSwitch.$emit('model-value', value);
-            }
-        },
-        focus() {
-            const $xeSwitch = this;
-            const reactData = $xeSwitch.reactData;
-            const btnElem = $xeSwitch.$refs.refButton;
-            reactData.isActivated = true;
-            if (btnElem) {
-                btnElem.focus();
-            }
-            return $xeSwitch.$nextTick();
-        },
-        blur() {
-            const $xeSwitch = this;
-            const reactData = $xeSwitch.reactData;
-            const btnElem = $xeSwitch.$refs.refButton;
-            if (btnElem) {
-                btnElem.blur();
-            }
-            reactData.isActivated = false;
-            return $xeSwitch.$nextTick();
-        },
-        clickEvent(evnt) {
-            const $xeSwitch = this;
-            const props = $xeSwitch;
-            const reactData = $xeSwitch.reactData;
-            const internalData = $xeSwitch.internalData;
-            const $xeForm = $xeSwitch.$xeForm;
-            const formItemInfo = $xeSwitch.formItemInfo;
-            const isDisabled = $xeSwitch.computeIsDisabled;
-            const isReadonly = $xeSwitch.computeIsReadonly;
-            if (!(isDisabled || isReadonly)) {
-                const isChecked = $xeSwitch.computeIsChecked;
-                clearTimeout(internalData.atTimeout);
-                const value = isChecked ? props.closeValue : props.openValue;
-                reactData.hasAnimat = true;
-                $xeSwitch.emitModel(value);
-                $xeSwitch.dispatchEvent('change', { value }, evnt);
-                // 自动更新校验状态
-                if ($xeForm && formItemInfo) {
-                    $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
-                }
-                internalData.atTimeout = setTimeout(() => {
-                    reactData.hasAnimat = false;
-                    internalData.atTimeout = undefined;
-                }, 400);
-            }
-        },
-        focusEvent(evnt) {
-            const $xeSwitch = this;
-            const props = $xeSwitch;
-            const reactData = $xeSwitch.reactData;
-            reactData.isActivated = true;
-            $xeSwitch.dispatchEvent('focus', { value: props.value }, evnt);
-        },
-        blurEvent(evnt) {
-            const $xeSwitch = this;
-            const props = $xeSwitch;
-            const reactData = $xeSwitch.reactData;
-            reactData.isActivated = false;
-            $xeSwitch.dispatchEvent('blur', { value: props.value }, evnt);
-        },
-        //
-        // Render
-        //
-        renderVN(h) {
-            const $xeSwitch = this;
-            const props = $xeSwitch;
-            const reactData = $xeSwitch.reactData;
-            const { openIcon, closeIcon, openActiveIcon, closeActiveIcon } = props;
-            const vSize = $xeSwitch.computeSize;
-            const isChecked = $xeSwitch.computeIsChecked;
-            const onShowLabel = $xeSwitch.computeOnShowLabel;
-            const offShowLabel = $xeSwitch.computeOffShowLabel;
-            const isDisabled = $xeSwitch.computeIsDisabled;
-            const isReadonly = $xeSwitch.computeIsReadonly;
-            if (isReadonly) {
-                return h('div', {
-                    class: ['vxe-switch', isChecked ? 'is--on' : 'is--off', {
-                            [`size--${vSize}`]: vSize,
-                            'is--readonly': isReadonly
-                        }]
-                }, isChecked ? (onShowLabel || getI18n('vxe.switch.onText')) : offShowLabel || getI18n('vxe.switch.offText'));
-            }
-            return h('div', {
-                class: ['vxe-switch', isChecked ? 'is--on' : 'is--off', {
-                        [`size--${vSize}`]: vSize,
-                        'is--disabled': isDisabled,
-                        'is--readonly': isReadonly,
-                        'is--animat': reactData.hasAnimat
-                    }]
-            }, [
-                h('button', {
-                    ref: 'refButton',
-                    class: 'vxe-switch--button',
-                    attrs: {
-                        type: 'button',
-                        disabled: isDisabled || isReadonly
-                    },
-                    on: {
-                        click: $xeSwitch.clickEvent,
-                        focus: $xeSwitch.focusEvent,
-                        blur: $xeSwitch.blurEvent
-                    }
-                }, [
-                    h('span', {
-                        class: 'vxe-switch--label vxe-switch--label-on'
-                    }, [
-                        openIcon
-                            ? h('i', {
-                                class: ['vxe-switch--label-icon', openIcon]
-                            })
-                            : renderEmptyElement($xeSwitch),
-                        onShowLabel
-                    ]),
-                    h('span', {
-                        class: 'vxe-switch--label vxe-switch--label-off'
-                    }, [
-                        closeIcon
-                            ? h('i', {
-                                class: ['vxe-switch--label-icon', closeIcon]
-                            })
-                            : renderEmptyElement($xeSwitch),
-                        offShowLabel
-                    ]),
-                    h('span', {
-                        class: ['vxe-switch--icon']
-                    }, openActiveIcon || closeActiveIcon
-                        ? [
-                            h('i', {
-                                class: isChecked ? openActiveIcon : closeActiveIcon
-                            })
-                        ]
-                        : [])
-                ])
-            ]);
-        }
-    },
-    render(h) {
-        return this.renderVN(h);
-    }
-};

package/es/switch/style.css

@@ -1,111 +0,0 @@
-.vxe-switch {
-  display: inline-block;
-  color: var(--vxe-ui-font-color);
-  vertical-align: middle;
-  padding: 0.4em;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  text-align: center;
-}
-.vxe-switch.is--animat .vxe-switch--button {
-  transition: border-color 0.3s, background-color 0.3s;
-}
-.vxe-switch.is--animat .vxe-switch--icon {
-  transition: all 0.3s;
-}
-.vxe-switch.is--on .vxe-switch--button {
-  padding-right: 1.7em;
-  background-color: var(--vxe-ui-switch-open-background-color);
-}
-.vxe-switch.is--on .vxe-switch--icon {
-  left: 100%;
-  transform: translateX(-1.4em);
-  color: var(--vxe-primary-color);
-}
-.vxe-switch.is--off .vxe-switch--button {
-  padding-left: 1.7em;
-  background-color: var(--vxe-ui-switch-close-background-color);
-}
-.vxe-switch.is--off .vxe-switch--icon {
-  left: 0.2em;
-  transform: translateX(0);
-  color: var(--vxe-switch-close-background-color);
-}
-.vxe-switch.is--on .vxe-switch--label-off, .vxe-switch.is--off .vxe-switch--label-on {
-  height: 0;
-  visibility: hidden;
-  overflow: hidden;
-}
-.vxe-switch.is--on .vxe-switch--label, .vxe-switch.is--off .vxe-switch--label {
-  opacity: 1;
-}
-.vxe-switch:not(.is--disabled) .vxe-switch--button {
-  cursor: pointer;
-}
-.vxe-switch:not(.is--disabled) .vxe-switch--button:focus {
-  box-shadow: 0 0 0.4em 0 var(--vxe-ui-font-primary-color);
-}
-.vxe-switch.is--disabled .vxe-switch--button {
-  cursor: no-drop;
-}
-.vxe-switch.is--disabled.is--on .vxe-switch--button {
-  background-color: var(--vxe-ui-font-primary-lighten-color);
-}
-.vxe-switch.is--disabled.is--on .vxe-switch--icon {
-  color: var(--vxe-primary-lighten-color);
-}
-.vxe-switch.is--disabled.is--off .vxe-switch--button {
-  background-color: var(--vxe-ui-switch-disabled-background-color);
-}
-.vxe-switch.is--disabled.is--off .vxe-switch--icon {
-  color: var(--vxe-switch-disabled-background-color);
-}
-.vxe-switch.is--readonly .vxe-switch--button {
-  cursor: default;
-}
-.vxe-switch .vxe-switch--button {
-  display: block;
-  position: relative;
-  height: 1.6em;
-  line-height: 1;
-  min-width: 3.2em;
-  padding: 0 0.6em;
-  border-radius: 1em;
-  border: 0;
-  outline: 0;
-}
-.vxe-switch .vxe-switch--label {
-  opacity: 0;
-  display: block;
-  color: var(--vxe-ui-switch-font-color);
-  font-size: 0.8em;
-}
-.vxe-switch .vxe-switch--icon {
-  position: absolute;
-  top: 0.2em;
-  left: 0;
-  width: 1.2em;
-  height: 1.2em;
-  line-height: 1.4em;
-  text-align: center;
-  border-radius: 50%;
-  background-color: var(--vxe-ui-switch-icon-background-color);
-}
-.vxe-switch .vxe-switch--label-icon {
-  margin-right: 0.25em;
-}
-
-.vxe-switch {
-  font-size: var(--vxe-ui-font-size-default);
-}
-.vxe-switch.size--medium {
-  font-size: var(--vxe-ui-font-size-medium);
-}
-.vxe-switch.size--small {
-  font-size: var(--vxe-ui-font-size-small);
-}
-.vxe-switch.size--mini {
-  font-size: var(--vxe-ui-font-size-mini);
-}

package/es/switch/style.min.css

@@ -1 +0,0 @@
-.vxe-switch{display:inline-block;color:var(--vxe-ui-font-color);vertical-align:middle;padding:.4em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center}.vxe-switch.is--animat .vxe-switch--button{transition:border-color .3s,background-color .3s}.vxe-switch.is--animat .vxe-switch--icon{transition:all .3s}.vxe-switch.is--on .vxe-switch--button{padding-right:1.7em;background-color:var(--vxe-ui-switch-open-background-color)}.vxe-switch.is--on .vxe-switch--icon{left:100%;transform:translateX(-1.4em);color:var(--vxe-primary-color)}.vxe-switch.is--off .vxe-switch--button{padding-left:1.7em;background-color:var(--vxe-ui-switch-close-background-color)}.vxe-switch.is--off .vxe-switch--icon{left:.2em;transform:translateX(0);color:var(--vxe-switch-close-background-color)}.vxe-switch.is--off .vxe-switch--label-on,.vxe-switch.is--on .vxe-switch--label-off{height:0;visibility:hidden;overflow:hidden}.vxe-switch.is--off .vxe-switch--label,.vxe-switch.is--on .vxe-switch--label{opacity:1}.vxe-switch:not(.is--disabled) .vxe-switch--button{cursor:pointer}.vxe-switch:not(.is--disabled) .vxe-switch--button:focus{box-shadow:0 0 .4em 0 var(--vxe-ui-font-primary-color)}.vxe-switch.is--disabled .vxe-switch--button{cursor:no-drop}.vxe-switch.is--disabled.is--on .vxe-switch--button{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-switch.is--disabled.is--on .vxe-switch--icon{color:var(--vxe-primary-lighten-color)}.vxe-switch.is--disabled.is--off .vxe-switch--button{background-color:var(--vxe-ui-switch-disabled-background-color)}.vxe-switch.is--disabled.is--off .vxe-switch--icon{color:var(--vxe-switch-disabled-background-color)}.vxe-switch.is--readonly .vxe-switch--button{cursor:default}.vxe-switch .vxe-switch--button{display:block;position:relative;height:1.6em;line-height:1;min-width:3.2em;padding:0 .6em;border-radius:1em;border:0;outline:0}.vxe-switch .vxe-switch--label{opacity:0;display:block;color:var(--vxe-ui-switch-font-color);font-size:.8em}.vxe-switch .vxe-switch--icon{position:absolute;top:.2em;left:0;width:1.2em;height:1.2em;line-height:1.4em;text-align:center;border-radius:50%;background-color:var(--vxe-ui-switch-icon-background-color)}.vxe-switch .vxe-switch--label-icon{margin-right:.25em}.vxe-switch{font-size:var(--vxe-ui-font-size-default)}.vxe-switch.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-switch.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-switch.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/es/tab-pane/index.js

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

package/es/table-select/index.js

@@ -1,12 +0,0 @@
-import { VxeUI } from '@vxe-ui/core';
-import VxeTableSelectComponent from './src/table-select';
-import { dynamicApp } from '../dynamics';
-export const VxeTableSelect = Object.assign({}, VxeTableSelectComponent, {
-    install(app) {
-        app.component(VxeTableSelectComponent.name, VxeTableSelectComponent);
-    }
-});
-dynamicApp.use(VxeTableSelect);
-VxeUI.component(VxeTableSelectComponent);
-export const TableSelect = VxeTableSelect;
-export default VxeTableSelect;