vxe-pc-ui 4.18.0 → 4.18.2

package/README.md

@@ -21,6 +21,11 @@
   * 面向现代浏览器，高效的简洁 API 设计
   * 按需加载
 
+* 分支说明
+  * v3 分支和 v4 分支功能与 API 保持同步更新
+  * v3 分支对应 vue 2.6~2.7 版本，为长期维护版本
+  * v4 分支对应 vue 3.x 版本，为长期维护版本
+
 * 版本说明
   * **V4**
     * [x] v4.7 基于 xe-utils@4.0+，拆分 [vxe-design](https://github.com/x-extends/vxe-design) 可视化组件和基础组件库

package/dist/all.esm.js

@@ -101,7 +101,7 @@ function checkDynamic() {
 }
 
 const { log } = VxeUI;
-const uiVersion = `ui v${"4.18.0"}`;
+const uiVersion = `ui v${"4.18.2"}`;
 function createComponentLog(name) {
     const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
     const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
@@ -115,7 +115,7 @@ function createComponentLog(name) {
 const warnLog$i = log.create('warn', uiVersion);
 log.create('error', uiVersion);
 
-const version = "4.18.0";
+const version = "4.18.2";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -248,6 +248,7 @@ setConfig$1({
         showClearButton: null,
         showConfirmButton: null
     },
+    divider: {},
     drawer: {
         // size: null,
         // useHtml: false,
@@ -23542,6 +23543,85 @@ dynamicApp.use(VxeDateRangePicker);
 VxeUI.component(VxeDateRangePickerComponent);
 const DateRangePicker = VxeDateRangePicker;
 
+var VxeDividerComponent = defineVxeComponent({
+    name: 'VxeDivider',
+    props: {
+        vertical: {
+            type: Boolean,
+            default: () => getConfig$3().divider.vertical
+        },
+        titleContent: {
+            type: String,
+            default: () => getConfig$3().divider.titleContent
+        },
+        titleAlign: {
+            type: String,
+            default: () => getConfig$3().divider.titleAlign
+        },
+        size: {
+            type: String,
+            default: () => getConfig$3().divider.size || getConfig$3().size
+        }
+    },
+    emits: [],
+    setup(props, context) {
+        const { emit, slots } = context;
+        const xID = XEUtils.uniqueId();
+        const refElem = ref();
+        const { computeSize } = useSize(props);
+        const refMaps = {
+            refElem
+        };
+        const computeMaps = {};
+        const $xeDivider = {
+            xID,
+            props,
+            context,
+            getRefMaps: () => refMaps,
+            getComputeMaps: () => computeMaps
+        };
+        const dispatchEvent = (type, params, evnt) => {
+            emit(type, createEvent(evnt, { $divider: $xeDivider }, params));
+        };
+        const dividerMethods = {
+            dispatchEvent
+        };
+        const dividerPrivateMethods = {};
+        Object.assign($xeDivider, dividerMethods, dividerPrivateMethods);
+        const renderVN = () => {
+            const { vertical, titleContent, titleAlign } = props;
+            const vSize = computeSize.value;
+            const titleSlot = slots.title;
+            return h('div', {
+                ref: refElem,
+                class: ['vxe-divider', vertical ? 'is--vertical' : 'is--horizontal', `t--align-${titleAlign || 'center'}`, {
+                        [`size--${vSize}`]: vSize
+                    }]
+            }, (titleContent || titleSlot) && !vertical
+                ? [
+                    h('span', {
+                        class: 'vxe-divider--content'
+                    }, titleSlot ? titleSlot({}) : titleContent)
+                ]
+                : []);
+        };
+        $xeDivider.renderVN = renderVN;
+        return $xeDivider;
+    },
+    render() {
+        return this.renderVN();
+    }
+});
+
+const VxeDivider = Object.assign({}, VxeDividerComponent, {
+    install(app) {
+        app.component(VxeDividerComponent.name, VxeDividerComponent);
+    }
+});
+dynamicApp.use(VxeDivider);
+VxeUI.component(VxeDividerComponent);
+const Divider = VxeDivider;
+
 const allActiveDrawers = [];
 
 const VxeLoading = Object.assign({}, VxeLoadingComponent, {
@@ -24320,7 +24400,10 @@ var VxeEmptyComponent = defineVxeComponent({
         imageUrl: String,
         imageStyle: Object,
         icon: String,
-        status: String,
+        status: {
+            type: String,
+            default: () => getConfig$3().empty.status
+        },
         content: [String, Number]
     },
     emits: [],
@@ -48773,6 +48856,7 @@ const components = [
     VxeDatePanel,
     VxeDatePicker,
     VxeDateRangePicker,
+    VxeDivider,
     VxeDrawer,
     VxeEmpty,
     VxeForm,
@@ -48914,6 +48998,7 @@ var VxeUIExport = /*#__PURE__*/Object.freeze({
     DatePanel: DatePanel,
     DatePicker: DatePicker,
     DateRangePicker: DateRangePicker,
+    Divider: Divider,
     Drawer: Drawer,
     DrawerController: DrawerController,
     Empty: Empty,
@@ -49010,6 +49095,7 @@ var VxeUIExport = /*#__PURE__*/Object.freeze({
     VxeDatePanel: VxeDatePanel,
     VxeDatePicker: VxeDatePicker,
     VxeDateRangePicker: VxeDateRangePicker,
+    VxeDivider: VxeDivider,
     VxeDrawer: VxeDrawer,
     VxeEmpty: VxeEmpty,
     VxeForm: VxeForm,
@@ -49090,4 +49176,4 @@ var VxeUIExport = /*#__PURE__*/Object.freeze({
     watermark: watermark
 });
 
-export { Alert, Anchor, AnchorLink, Avatar, Backtop, Badge, Breadcrumb, BreadcrumbItem, Button, ButtonGroup, Calendar, Card, Carousel, CarouselItem, Cascader, Checkbox, CheckboxButton, CheckboxGroup, Col, Collapse, CollapsePane, ColorPicker, ContextMenu, ContextMenuController, Countdown, DatePanel, DatePicker, DateRangePicker, Drawer, DrawerController, Empty, Form, FormGather, FormGroup, FormItem, Icon, IconPicker, Image$1 as Image, ImageGroup, ImagePreview, Input, LayoutAside, LayoutBody, LayoutContainer, LayoutFooter, LayoutHeader, Link, List, Loading, LoadingController, Menu, Modal, ModalController, NoticeBar, NumberInput, Optgroup, Option, Pager, PasswordInput, Print, PrintPageBreak, Pulldown, Radio, RadioButton, RadioGroup, Rate, Result, Row, Segmented, Select, Slider, Space, Split, SplitPane, Splitter, SplitterPanel, Steps, Switch, TabPane, TableSelect, TableTransfer, Tabs, Tag, Text, TextEllipsis, Textarea, Timeline, TimelineItem, Tip, Tips, Tooltip, TooltipController, Tour, Transfer, Tree, TreeSelect, Upload, VxeAlert, VxeAnchor, VxeAnchorLink, VxeAvatar, VxeBacktop, VxeBadge, VxeBreadcrumb, VxeBreadcrumbItem, VxeButton, VxeButtonGroup, VxeCalendar, VxeCard, VxeCarousel, VxeCarouselItem, VxeCascader, VxeCheckbox, VxeCheckboxButton, VxeCheckboxGroup, VxeCol, VxeCollapse, VxeCollapsePane, VxeColorPicker, VxeContextMenu, VxeCountdown, VxeDatePanel, VxeDatePicker, VxeDateRangePicker, VxeDrawer, VxeEmpty, VxeForm, VxeFormGather, VxeFormGroup, VxeFormItem, VxeIcon, VxeIconPicker, VxeImage, VxeImageGroup, VxeImagePreview, VxeInput, VxeLayoutAside, VxeLayoutBody, VxeLayoutContainer, VxeLayoutFooter, VxeLayoutHeader, VxeLink, VxeList, VxeLoading, VxeMenu, VxeModal, VxeNoticeBar, VxeNumberInput, VxeOptgroup, VxeOption, VxePager, VxePasswordInput, VxePrint, VxePrintPageBreak, VxePulldown, VxeRadio, VxeRadioButton, VxeRadioGroup, VxeRate, VxeResult, VxeRow, VxeSegmented, VxeSelect, VxeSlider, VxeSpace, VxeSplit, VxeSplitPane, VxeSplitter, VxeSplitterPanel, VxeSteps, VxeSwitch, VxeTabPane, VxeTableSelect, VxeTableTransfer, VxeTabs, VxeTag, VxeText, VxeTextEllipsis, VxeTextarea, VxeTimeline, VxeTimelineItem, VxeTip, VxeTooltip, VxeTour, VxeTransfer, VxeTree, VxeTreeSelect, VxeUpload, VxeWatermark, Watermark, WatermarkController, config, VxeUIExport as default, drawer, install, loading, modal, print, readFile, saveFile, setup, version, watermark };
+export { Alert, Anchor, AnchorLink, Avatar, Backtop, Badge, Breadcrumb, BreadcrumbItem, Button, ButtonGroup, Calendar, Card, Carousel, CarouselItem, Cascader, Checkbox, CheckboxButton, CheckboxGroup, Col, Collapse, CollapsePane, ColorPicker, ContextMenu, ContextMenuController, Countdown, DatePanel, DatePicker, DateRangePicker, Divider, Drawer, DrawerController, Empty, Form, FormGather, FormGroup, FormItem, Icon, IconPicker, Image$1 as Image, ImageGroup, ImagePreview, Input, LayoutAside, LayoutBody, LayoutContainer, LayoutFooter, LayoutHeader, Link, List, Loading, LoadingController, Menu, Modal, ModalController, NoticeBar, NumberInput, Optgroup, Option, Pager, PasswordInput, Print, PrintPageBreak, Pulldown, Radio, RadioButton, RadioGroup, Rate, Result, Row, Segmented, Select, Slider, Space, Split, SplitPane, Splitter, SplitterPanel, Steps, Switch, TabPane, TableSelect, TableTransfer, Tabs, Tag, Text, TextEllipsis, Textarea, Timeline, TimelineItem, Tip, Tips, Tooltip, TooltipController, Tour, Transfer, Tree, TreeSelect, Upload, VxeAlert, VxeAnchor, VxeAnchorLink, VxeAvatar, VxeBacktop, VxeBadge, VxeBreadcrumb, VxeBreadcrumbItem, VxeButton, VxeButtonGroup, VxeCalendar, VxeCard, VxeCarousel, VxeCarouselItem, VxeCascader, VxeCheckbox, VxeCheckboxButton, VxeCheckboxGroup, VxeCol, VxeCollapse, VxeCollapsePane, VxeColorPicker, VxeContextMenu, VxeCountdown, VxeDatePanel, VxeDatePicker, VxeDateRangePicker, VxeDivider, VxeDrawer, VxeEmpty, VxeForm, VxeFormGather, VxeFormGroup, VxeFormItem, VxeIcon, VxeIconPicker, VxeImage, VxeImageGroup, VxeImagePreview, VxeInput, VxeLayoutAside, VxeLayoutBody, VxeLayoutContainer, VxeLayoutFooter, VxeLayoutHeader, VxeLink, VxeList, VxeLoading, VxeMenu, VxeModal, VxeNoticeBar, VxeNumberInput, VxeOptgroup, VxeOption, VxePager, VxePasswordInput, VxePrint, VxePrintPageBreak, VxePulldown, VxeRadio, VxeRadioButton, VxeRadioGroup, VxeRate, VxeResult, VxeRow, VxeSegmented, VxeSelect, VxeSlider, VxeSpace, VxeSplit, VxeSplitPane, VxeSplitter, VxeSplitterPanel, VxeSteps, VxeSwitch, VxeTabPane, VxeTableSelect, VxeTableTransfer, VxeTabs, VxeTag, VxeText, VxeTextEllipsis, VxeTextarea, VxeTimeline, VxeTimelineItem, VxeTip, VxeTooltip, VxeTour, VxeTransfer, VxeTree, VxeTreeSelect, VxeUpload, VxeWatermark, Watermark, WatermarkController, config, VxeUIExport as default, drawer, install, loading, modal, print, readFile, saveFile, setup, version, watermark };