vxe-pc-ui 3.0.0 → 3.0.2

package/es/pulldown/src/pulldown.js

@@ -42,6 +42,9 @@ export default defineVxeComponent({
         $xeModal: {
             default: null
         },
+        $xeDrawer: {
+            default: null
+        },
         $xeTable: {
             default: null
         },
@@ -50,6 +53,7 @@ export default defineVxeComponent({
         }
     },
     data() {
+        const xID = XEUtils.uniqueId();
         const reactData = {
             initialized: false,
             panelIndex: 0,
@@ -63,7 +67,7 @@ export default defineVxeComponent({
             hpTimeout: undefined
         };
         return {
-            xID: XEUtils.uniqueId(),
+            xID,
             reactData,
             internalData
         };
@@ -95,6 +99,10 @@ export default defineVxeComponent({
             const $xePulldown = this;
             $xePulldown.$emit(type, createEvent(evnt, { $pulldown: $xePulldown }, params));
         },
+        emitModel(value) {
+            const $xePulldown = this;
+            $xePulldown.$emit('modelValue', value);
+        },
         updateZindex() {
             const $xePulldown = this;
             const reactData = $xePulldown.reactData;
@@ -215,7 +223,7 @@ export default defineVxeComponent({
                     reactData.visibleAnimate = true;
                     setTimeout(() => {
                         reactData.visiblePanel = true;
-                        $xePulldown.$emit('modelValue', true);
+                        $xePulldown.emitModel(true);
                         $xePulldown.updatePlacement();
                         setTimeout(() => {
                             resolve($xePulldown.updatePlacement());
@@ -238,7 +246,7 @@ export default defineVxeComponent({
             const reactData = $xePulldown.reactData;
             const internalData = $xePulldown.internalData;
             reactData.visiblePanel = false;
-            $xePulldown.$emit('modelValue', false);
+            $xePulldown.emitModel(false);
             return new Promise(resolve => {
                 if (reactData.visibleAnimate) {
                     internalData.hpTimeout = window.setTimeout(() => {

package/es/radio/src/button.js

@@ -86,6 +86,11 @@ export default defineVxeComponent({
             const $xeRadioButton = this;
             $xeRadioButton.$emit(type, createEvent(evnt, { $radioButton: $xeRadioButton }, params));
         },
+        emitModel(value) {
+            const $xeRadioButton = this;
+            $xeRadioButton.$emit('input', value);
+            $xeRadioButton.$emit('modelValue', value);
+        },
         handleValue(label, evnt) {
             const $xeRadioButton = this;
             const $xeForm = $xeRadioButton.$xeForm;
@@ -95,8 +100,7 @@ export default defineVxeComponent({
                 $xeRadioGroup.handleChecked({ label }, evnt);
             }
             else {
-                $xeRadioButton.$emit('input', label);
-                $xeRadioButton.$emit('modelValue', label);
+                $xeRadioButton.emitModel(label);
                 $xeRadioButton.dispatchEvent('change', { label }, evnt);
                 // 自动更新校验状态
                 if ($xeForm && formItemInfo) {

package/es/radio/src/group.js

@@ -91,13 +91,17 @@ export default defineVxeComponent({
             const $xeRadioGroup = this;
             $xeRadioGroup.$emit(type, createEvent(evnt, { $radioGroup: $xeRadioGroup }, params));
         },
+        emitModel(value) {
+            const $xeRadioGroup = this;
+            $xeRadioGroup.$emit('input', value);
+            $xeRadioGroup.$emit('modelValue', value);
+        },
         handleChecked(params, evnt) {
             const $xeRadioGroup = this;
             const $xeForm = $xeRadioGroup.$xeForm;
             const formItemInfo = $xeRadioGroup.formItemInfo;
             const value = params.label;
-            $xeRadioGroup.$emit('input', value);
-            $xeRadioGroup.$emit('modelValue', value);
+            $xeRadioGroup.emitModel(value);
             $xeRadioGroup.dispatchEvent('change', params, evnt);
             // 自动更新校验状态
             if ($xeForm && formItemInfo) {

package/es/radio/src/radio.js

@@ -88,6 +88,11 @@ export default defineVxeComponent({
             const $xeRadio = this;
             $xeRadio.$emit(type, createEvent(evnt, { $radio: $xeRadio }, params));
         },
+        emitModel(value) {
+            const $xeRadio = this;
+            $xeRadio.$emit('input', value);
+            $xeRadio.$emit('modelValue', value);
+        },
         handleValue(label, evnt) {
             const $xeRadio = this;
             const formItemInfo = $xeRadio.formItemInfo;
@@ -97,8 +102,7 @@ export default defineVxeComponent({
                 $xeRadioGroup.handleChecked({ label }, evnt);
             }
             else {
-                $xeRadio.$emit('input', label);
-                $xeRadio.$emit('modelValue', label);
+                $xeRadio.emitModel(label);
                 $xeRadio.dispatchEvent('change', { label }, evnt);
                 // 自动更新校验状态
                 if ($xeForm && formItemInfo) {

package/es/select/index.js

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

package/es/select/src/optgroup.js

@@ -0,0 +1,90 @@
+import { defineVxeComponent } from '../../ui/src/comp';
+import { createEvent, globalMixins } from '../../ui';
+import XEUtils from 'xe-utils';
+import { createOption, watchOption, destroyOption, assembleOption } from './util';
+export default defineVxeComponent({
+    name: 'VxeOptgroup',
+    mixins: [
+        globalMixins.sizeMixin
+    ],
+    props: {
+        label: {
+            type: [String, Number, Boolean],
+            default: ''
+        },
+        visible: {
+            type: Boolean,
+            default: null
+        },
+        className: [String, Function],
+        disabled: Boolean
+    },
+    inject: {
+        $xeSelect: {
+            default: null
+        }
+    },
+    provide() {
+        const $xeOptgroup = this;
+        return {
+            $xeOptgroup
+        };
+    },
+    data() {
+        const xID = XEUtils.uniqueId();
+        const reactData = {};
+        const optionConfig = {};
+        return {
+            xID,
+            reactData,
+            optionConfig
+        };
+    },
+    computed: Object.assign({}, {}),
+    methods: {
+        //
+        // Method
+        //
+        dispatchEvent(type, params, evnt) {
+            const $xeOptgroup = this;
+            $xeOptgroup.$emit(type, createEvent(evnt, { $optgroup: $xeOptgroup }, params));
+        },
+        //
+        // Render
+        //
+        renderVN(h) {
+            const $xeOptgroup = this;
+            const slots = $xeOptgroup.$scopedSlots;
+            const defaultSlot = slots.default;
+            return h('div', {
+                ref: 'elem'
+            }, defaultSlot ? defaultSlot({}) : []);
+        }
+    },
+    created() {
+        const $xeOptgroup = this;
+        const props = $xeOptgroup;
+        const slots = $xeOptgroup.$scopedSlots;
+        const $xeSelect = $xeOptgroup.$xeSelect;
+        const optionConfig = createOption($xeSelect, props);
+        optionConfig.slots = slots;
+        $xeOptgroup.optionConfig = optionConfig;
+        watchOption($xeOptgroup, optionConfig);
+    },
+    mounted() {
+        const $xeOptgroup = this;
+        const optionConfig = $xeOptgroup.optionConfig;
+        const $xeSelect = $xeOptgroup.$xeSelect;
+        const el = $xeOptgroup.$refs.elem;
+        assembleOption($xeSelect, el, optionConfig);
+    },
+    beforeDestroy() {
+        const $xeOptgroup = this;
+        const optionConfig = $xeOptgroup.optionConfig;
+        const $xeSelect = $xeOptgroup.$xeSelect;
+        destroyOption($xeSelect, optionConfig);
+    },
+    render(h) {
+        return this.renderVN(h);
+    }
+});

package/es/select/src/option-info.js

@@ -0,0 +1,16 @@
+import XEUtils from 'xe-utils';
+export class OptionInfo {
+    constructor($xeselect, _vm) {
+        Object.assign(this, {
+            id: XEUtils.uniqueId('option_'),
+            value: _vm.value,
+            label: _vm.label,
+            visible: _vm.visible,
+            className: _vm.className,
+            disabled: _vm.disabled
+        });
+    }
+    update(name, value) {
+        this[name] = value;
+    }
+}

package/es/select/src/option.js

@@ -0,0 +1,86 @@
+import { defineVxeComponent } from '../../ui/src/comp';
+import XEUtils from 'xe-utils';
+import { createEvent, globalMixins } from '../../ui';
+import { createOption, watchOption, destroyOption, assembleOption } from './util';
+export default defineVxeComponent({
+    name: 'VxeOption',
+    mixins: [
+        globalMixins.sizeMixin
+    ],
+    props: {
+        value: [String, Number, Boolean],
+        label: {
+            type: [String, Number, Boolean],
+            default: ''
+        },
+        visible: {
+            type: Boolean,
+            default: null
+        },
+        className: [String, Function],
+        disabled: Boolean
+    },
+    inject: {
+        $xeSelect: {
+            default: null
+        },
+        $xeOptgroup: {
+            default: null
+        }
+    },
+    data() {
+        const xID = XEUtils.uniqueId();
+        const reactData = {};
+        const optionConfig = {};
+        return {
+            xID,
+            reactData,
+            optionConfig
+        };
+    },
+    computed: Object.assign({}, {}),
+    methods: {
+        //
+        // Method
+        //
+        dispatchEvent(type, params, evnt) {
+            const $xeOption = this;
+            $xeOption.$emit(type, createEvent(evnt, { $option: $xeOption }, params));
+        },
+        //
+        // Render
+        //
+        renderVN(h) {
+            return h('div', {
+                ref: 'elem'
+            });
+        }
+    },
+    created() {
+        const $xeOption = this;
+        const props = $xeOption;
+        const slots = $xeOption.$scopedSlots;
+        const $xeSelect = $xeOption.$xeSelect;
+        const optionConfig = createOption($xeSelect, props);
+        optionConfig.slots = slots;
+        $xeOption.optionConfig = optionConfig;
+        watchOption($xeOption, optionConfig);
+    },
+    mounted() {
+        const $xeOption = this;
+        const optionConfig = $xeOption.optionConfig;
+        const $xeSelect = $xeOption.$xeSelect;
+        const $xeOptgroup = $xeOption.$xeOptgroup;
+        const el = $xeOption.$refs.elem;
+        assembleOption($xeSelect, el, optionConfig, $xeOptgroup);
+    },
+    beforeDestroy() {
+        const $xeOption = this;
+        const optionConfig = $xeOption.optionConfig;
+        const $xeSelect = $xeOption.$xeSelect;
+        destroyOption($xeSelect, optionConfig);
+    },
+    render(h) {
+        return this.renderVN(h);
+    }
+});