vxe-pc-ui 0.2.0 → 0.4.0

package/es/anchor/index.js

@@ -1,8 +1,10 @@
 import VxeAnchorComponent from './src/anchor';
+import { dynamicApp } from '../dynamics';
 const VxeAnchor = Object.assign({}, VxeAnchorComponent, {
     install(app) {
         app.component(VxeAnchorComponent.name, VxeAnchorComponent);
     }
 });
+dynamicApp.component(VxeAnchorComponent.name, VxeAnchorComponent);
 export const Anchor = VxeAnchor;
 export default VxeAnchor;

package/es/anchor/src/anchor.js

@@ -129,24 +129,6 @@ export default defineComponent({
             }
         };
         Object.assign($xeAnchor, anchorMethods, anchorPrivateMethods);
-        watch(() => props.modelValue, (val) => {
-            reactData.activeHref = val;
-        });
-        watch(() => reactData.activeHref, () => {
-            updateMarkerPos();
-        });
-        watch(() => props.container, () => {
-            removeContainerElemScroll();
-            updateContainerElem();
-        });
-        onMounted(() => {
-            nextTick(() => {
-                updateContainerElem();
-            });
-        });
-        onBeforeUnmount(() => {
-            removeContainerElemScroll();
-        });
         const renderSubItems = (options) => {
             const itemVNs = [];
             if (options) {
@@ -192,6 +174,24 @@ export default defineComponent({
                     : createCommentVNode()
             ]);
         };
+        watch(() => props.modelValue, (val) => {
+            reactData.activeHref = val;
+        });
+        watch(() => reactData.activeHref, () => {
+            updateMarkerPos();
+        });
+        watch(() => props.container, () => {
+            removeContainerElemScroll();
+            updateContainerElem();
+        });
+        onMounted(() => {
+            nextTick(() => {
+                updateContainerElem();
+            });
+        });
+        onBeforeUnmount(() => {
+            removeContainerElemScroll();
+        });
         $xeAnchor.renderVN = renderVN;
         provide('$xeAnchor', $xeAnchor);
         return $xeAnchor;

package/es/anchor-link/index.js

@@ -1,8 +1,10 @@
 import VxeAnchorLinkComponent from '../anchor/src/anchor-link';
+import { dynamicApp } from '../dynamics';
 const VxeAnchorLink = Object.assign({}, VxeAnchorLinkComponent, {
     install(app) {
         app.component(VxeAnchorLinkComponent.name, VxeAnchorLinkComponent);
     }
 });
+dynamicApp.component(VxeAnchorLinkComponent.name, VxeAnchorLinkComponent);
 export const AnchorLink = VxeAnchorLink;
 export default VxeAnchorLink;

package/es/breadcrumb/index.js

@@ -1,8 +1,10 @@
 import VxeBreadcrumbComponent from './src/breadcrumb';
+import { dynamicApp } from '../dynamics';
 const VxeBreadcrumb = Object.assign({}, VxeBreadcrumbComponent, {
     install(app) {
         app.component(VxeBreadcrumbComponent.name, VxeBreadcrumbComponent);
     }
 });
+dynamicApp.component(VxeBreadcrumbComponent.name, VxeBreadcrumbComponent);
 export const Breadcrumb = VxeBreadcrumb;
 export default VxeBreadcrumb;

package/es/breadcrumb/src/breadcrumb.js

@@ -1,12 +1,12 @@
 import { defineComponent, ref, h, reactive, provide } from 'vue';
-import VxeUI from '../../ui';
+import globalConfigStore from '../../ui/src/globalStore';
 import XEUtils from 'xe-utils';
 export default defineComponent({
     name: 'VxeBreadcrumb',
     props: {
         separator: {
             type: String,
-            default: () => VxeUI.getConfig('breadcrumb.separator')
+            default: () => globalConfigStore.breadcrumb.separator
         }
     },
     emits: [],

package/es/breadcrumb-item/index.js

@@ -1,8 +1,10 @@
 import VxeBreadcrumbItemComponent from './src/breadcrumb-item';
+import { dynamicApp } from '../dynamics';
 const VxeBreadcrumbItem = Object.assign({}, VxeBreadcrumbItemComponent, {
     install(app) {
         app.component(VxeBreadcrumbItemComponent.name, VxeBreadcrumbItemComponent);
     }
 });
+dynamicApp.component(VxeBreadcrumbItemComponent.name, VxeBreadcrumbItemComponent);
 export const BreadcrumbItem = VxeBreadcrumbItem;
 export default VxeBreadcrumbItem;

package/es/button/index.js

@@ -1,8 +1,10 @@
 import VxeButtonComponent from './src/button';
+import { dynamicApp } from '../dynamics';
 const VxeButton = Object.assign({}, VxeButtonComponent, {
     install(app) {
         app.component(VxeButtonComponent.name, VxeButtonComponent);
     }
 });
+dynamicApp.component(VxeButtonComponent.name, VxeButtonComponent);
 export const Button = VxeButton;
 export default VxeButton;

package/es/button/src/button-group.js

@@ -39,7 +39,7 @@ export default defineComponent({
                 const { options } = props;
                 const { name } = params;
                 const option = options ? options.find(item => item.name === name) : null;
-                buttonGroupMethods.dispatchEvent('click', { ...params, option }, evnt);
+                buttonGroupMethods.dispatchEvent('click', Object.assign(Object.assign({}, params), { option }), evnt);
             }
         };
         Object.assign($xeButtonGroup, buttonGroupMethods, buttonGroupPrivateMethods);
@@ -52,10 +52,7 @@ export default defineComponent({
                 ? defaultSlot({})
                 : (options
                     ? options.map((item, index) => {
-                        return h(VxeButtonComponent, {
-                            key: index,
-                            ...item
-                        });
+                        return h(VxeButtonComponent, Object.assign({ key: index }, item));
                     })
                     : []));
         };

package/es/button-group/index.js

@@ -1,8 +1,10 @@
 import VxeButtonGroupComponent from '../button/src/button-group';
+import { dynamicApp } from '../dynamics';
 const VxeButtonGroup = Object.assign({}, VxeButtonGroupComponent, {
     install(app) {
         app.component(VxeButtonGroupComponent.name, VxeButtonGroupComponent);
     }
 });
+dynamicApp.component(VxeButtonGroupComponent.name, VxeButtonGroupComponent);
 export const ButtonGroup = VxeButtonGroup;
 export default VxeButtonGroup;

package/es/checkbox/src/checkbox.js

@@ -32,10 +32,10 @@ export default defineComponent({
         };
         let checkboxMethods = {};
         const computeSize = useSize(props);
-        const $xecheckboxgroup = inject('$xecheckboxgroup', null);
+        const $xeCheckboxGroup = inject('$xeCheckboxGroup', null);
         const computeIsChecked = computed(() => {
-            if ($xecheckboxgroup) {
-                return XEUtils.includes($xecheckboxgroup.props.modelValue, props.label);
+            if ($xeCheckboxGroup) {
+                return XEUtils.includes($xeCheckboxGroup.props.modelValue, props.label);
             }
             return props.modelValue === props.checkedValue;
         });
@@ -43,9 +43,9 @@ export default defineComponent({
             if (props.disabled) {
                 return true;
             }
-            if ($xecheckboxgroup) {
-                const { props: groupProps } = $xecheckboxgroup;
-                const { computeIsMaximize } = $xecheckboxgroup.getComputeMaps();
+            if ($xeCheckboxGroup) {
+                const { props: groupProps } = $xeCheckboxGroup;
+                const { computeIsMaximize } = $xeCheckboxGroup.getComputeMaps();
                 const isMaximize = computeIsMaximize.value;
                 const isChecked = computeIsChecked.value;
                 return groupProps.disabled || (isMaximize && !isChecked);
@@ -59,8 +59,8 @@ export default defineComponent({
                 const checked = evnt.target.checked;
                 const value = checked ? checkedValue : uncheckedValue;
                 const params = { checked, value, label: props.label };
-                if ($xecheckboxgroup) {
-                    $xecheckboxgroup.handleChecked(params, evnt);
+                if ($xeCheckboxGroup) {
+                    $xeCheckboxGroup.handleChecked(params, evnt);
                 }
                 else {
                     emit('update:modelValue', value);

package/es/checkbox/src/group.js

@@ -47,7 +47,7 @@ export default defineComponent({
         const computeMaps = {
             computeIsMaximize
         };
-        const $xecheckboxgroup = {
+        const $xeCheckboxGroup = {
             xID,
             props,
             context,
@@ -56,7 +56,7 @@ export default defineComponent({
         useSize(props);
         const checkboxGroupMethods = {
             dispatchEvent(type, params, evnt) {
-                emit(type, Object.assign({ $checkboxGroup: $xecheckboxgroup, $event: evnt }, params));
+                emit(type, Object.assign({ $checkboxGroup: $xeCheckboxGroup, $event: evnt }, params));
             }
         };
         const checkboxGroupPrivateMethods = {
@@ -73,14 +73,14 @@ export default defineComponent({
                     checklist.splice(checkIndex, 1);
                 }
                 emit('update:modelValue', checklist);
-                $xecheckboxgroup.dispatchEvent('change', Object.assign({ checklist }, params), evnt);
+                $xeCheckboxGroup.dispatchEvent('change', Object.assign({ checklist }, params), evnt);
                 // 自动更新校验状态
                 if ($xeform && formItemInfo) {
                     $xeform.triggerItemEvent(evnt, formItemInfo.itemConfig.field, checklist);
                 }
             }
         };
-        Object.assign($xecheckboxgroup, checkboxGroupMethods, checkboxGroupPrivateMethods);
+        Object.assign($xeCheckboxGroup, checkboxGroupMethods, checkboxGroupPrivateMethods);
         const renderVN = () => {
             const { options } = props;
             const defaultSlot = slots.default;
@@ -101,8 +101,8 @@ export default defineComponent({
                     })
                     : []));
         };
-        $xecheckboxgroup.renderVN = renderVN;
-        provide('$xecheckboxgroup', $xecheckboxgroup);
+        $xeCheckboxGroup.renderVN = renderVN;
+        provide('$xeCheckboxGroup', $xeCheckboxGroup);
         return renderVN;
     }
 });

package/es/checkbox-group/index.js

@@ -5,6 +5,6 @@ export const VxeCheckboxGroup = Object.assign(VxeCheckboxGroupComponent, {
         app.component(VxeCheckboxGroupComponent.name, VxeCheckboxGroupComponent);
     }
 });
-export const CheckboxGroup = VxeCheckboxGroup;
 dynamicApp.component(VxeCheckboxGroupComponent.name, VxeCheckboxGroupComponent);
+export const CheckboxGroup = VxeCheckboxGroup;
 export default VxeCheckboxGroup;

package/es/col/index.js

@@ -1,8 +1,10 @@
 import VxeColComponent from '../row/src/col';
+import { dynamicApp } from '../dynamics';
 const VxeCol = Object.assign({}, VxeColComponent, {
     install(app) {
         app.component(VxeColComponent.name, VxeColComponent);
     }
 });
+dynamicApp.component(VxeColComponent.name, VxeColComponent);
 export const Col = VxeCol;
 export default VxeCol;

package/es/components.js

@@ -21,6 +21,7 @@ import VxeLayoutContainer from './layout-container';
 import VxeLayoutFooter from './layout-footer';
 import VxeLayoutHeader from './layout-header';
 import VxeListDesign from './list-design';
+import VxeList from './list';
 import VxeLoading from './loading';
 import VxeModal from './modal';
 import VxeOptgroup from './optgroup';
@@ -64,6 +65,7 @@ const components = [
     VxeLayoutFooter,
     VxeLayoutHeader,
     VxeListDesign,
+    VxeList,
     VxeLoading,
     VxeModal,
     VxeOptgroup,
@@ -108,6 +110,7 @@ export * from './layout-container';
 export * from './layout-footer';
 export * from './layout-header';
 export * from './list-design';
+export * from './list';
 export * from './loading';
 export * from './modal';
 export * from './optgroup';

package/es/form/index.js

@@ -1,8 +1,10 @@
 import VxeFormComponent from './src/form';
+import { dynamicApp } from '../dynamics';
 export const VxeForm = Object.assign(VxeFormComponent, {
     install(app) {
         app.component(VxeFormComponent.name, VxeFormComponent);
     }
 });
+dynamicApp.component(VxeFormComponent.name, VxeFormComponent);
 export const Form = VxeForm;
 export default VxeForm;

package/es/form/src/form-config-item.js

@@ -136,22 +136,17 @@ const VxeFormConfigItem = defineComponent({
                     class: 'vxe-form--item-inner'
                 }, [
                     (showTitle !== false) && (title || titleSlot)
-                        ? h('div', {
-                            class: [
+                        ? h('div', Object.assign({ class: [
                                 'vxe-form--item-title',
                                 titleAlign ? `align--${titleAlign}` : '',
                                 hasEllipsis ? 'is--ellipsis' : '',
                                 itemTitleClassName ? (XEUtils.isFunction(itemTitleClassName) ? itemTitleClassName(params) : itemTitleClassName) : '',
                                 titleClassName ? (XEUtils.isFunction(titleClassName) ? titleClassName(params) : titleClassName) : ''
-                            ],
-                            style: Object.assign({}, XEUtils.isFunction(itemTitleStyle) ? itemTitleStyle(params) : itemTitleStyle, XEUtils.isFunction(titleStyle) ? titleStyle(params) : titleStyle, titleWidth
+                            ], style: Object.assign({}, XEUtils.isFunction(itemTitleStyle) ? itemTitleStyle(params) : itemTitleStyle, XEUtils.isFunction(titleStyle) ? titleStyle(params) : titleStyle, titleWidth
                                 ? {
                                     width: isNaN(titleWidth) ? titleWidth : `${titleWidth}px`
                                 }
-                                : null),
-                            title: ovTitle ? getFuncText(title) : null,
-                            ...ons
-                        }, renderTitle($xeform, item))
+                                : null), title: ovTitle ? getFuncText(title) : null }, ons), renderTitle($xeform, item))
                         : null,
                     h('div', {
                         class: [

package/es/form/src/form-item.js

@@ -177,22 +177,17 @@ export default defineComponent({
                     class: 'vxe-form--item-inner'
                 }, [
                     (showTitle !== false) && (title || titleSlot)
-                        ? h('div', {
-                            class: [
+                        ? h('div', Object.assign({ class: [
                                 'vxe-form--item-title',
                                 titleAlign ? `align--${titleAlign}` : '',
                                 hasEllipsis ? 'is--ellipsis' : '',
                                 itemTitleClassName ? (XEUtils.isFunction(itemTitleClassName) ? itemTitleClassName(params) : itemTitleClassName) : '',
                                 titleClassName ? (XEUtils.isFunction(titleClassName) ? titleClassName(params) : titleClassName) : ''
-                            ],
-                            style: Object.assign({}, XEUtils.isFunction(itemTitleStyle) ? itemTitleStyle(params) : itemTitleStyle, XEUtils.isFunction(titleStyle) ? titleStyle(params) : titleStyle, titleWidth
+                            ], style: Object.assign({}, XEUtils.isFunction(itemTitleStyle) ? itemTitleStyle(params) : itemTitleStyle, XEUtils.isFunction(titleStyle) ? titleStyle(params) : titleStyle, titleWidth
                                 ? {
                                     width: isNaN(titleWidth) ? titleWidth : `${titleWidth}px`
                                 }
-                                : null),
-                            title: ovTitle ? getFuncText(title) : null,
-                            ...ons
-                        }, renderTitle($xeform, item))
+                                : null), title: ovTitle ? getFuncText(title) : null }, ons), renderTitle($xeform, item))
                         : null,
                     h('div', {
                         class: [

package/es/form/src/form.js

@@ -8,7 +8,7 @@ import { errLog, warnLog } from '../../ui/src/log';
 import { scrollToView } from '../../ui/src/dom';
 import { createItem, handleFieldOrItem, isHiddenItem, isActivetem } from './util';
 import { useSize } from '../../hooks/size';
-import VxeTooltipComponent from '../../tooltip';
+import VxeTooltipComponent from '../../tooltip/src/tooltip';
 import VxeFormConfigItem from './form-config-item';
 import VxeLoading from '../../loading/index';
 import { getSlotVNs } from '../../ui/src/vn';
@@ -113,7 +113,7 @@ export default defineComponent({
             }
         });
         provide('xeFormItemInfo', null);
-        const $xegrid = inject('$xegrid', null);
+        const $xeGrid = inject('$xeGrid', null);
         const refElem = ref();
         const refTooltip = ref();
         let formMethods = {};
@@ -136,7 +136,7 @@ export default defineComponent({
             props,
             context,
             reactData,
-            xegrid: $xegrid,
+            xegrid: $xeGrid,
             getRefMaps: () => refMaps,
             getComputeMaps: () => computeMaps
         };
@@ -554,7 +554,7 @@ export default defineComponent({
         };
         formMethods = {
             dispatchEvent(type, params, evnt) {
-                emit(type, Object.assign({ $form: $xeform, $grid: $xegrid, $event: evnt }, params));
+                emit(type, Object.assign({ $form: $xeform, $grid: $xeGrid, $event: evnt }, params));
             },
             reset,
             validate,
@@ -647,10 +647,7 @@ export default defineComponent({
                 /**
                  * 工具提示
                  */
-                h(VxeTooltipComponent, {
-                    ref: refTooltip,
-                    ...tooltipOpts
-                })
+                h(VxeTooltipComponent, Object.assign({ ref: refTooltip }, tooltipOpts))
             ]);
         };
         $xeform.renderVN = renderVN;

package/es/form/src/render.js

@@ -34,11 +34,7 @@ export function renderTitle($xeform, item) {
     const titVNs = [];
     if (titlePrefix) {
         titVNs.push((titlePrefix.content || titlePrefix.message)
-            ? h(VxeTooltipComponent, {
-                ...tooltipOpts,
-                ...titlePrefix,
-                content: getFuncText(titlePrefix.content || titlePrefix.message)
-            }, {
+            ? h(VxeTooltipComponent, Object.assign(Object.assign(Object.assign({}, tooltipOpts), titlePrefix), { content: getFuncText(titlePrefix.content || titlePrefix.message) }), {
                 default: () => renderPrefixIcon(titlePrefix)
             })
             : renderPrefixIcon(titlePrefix));
@@ -52,11 +48,7 @@ export function renderTitle($xeform, item) {
     const fixVNs = [];
     if (titleSuffix) {
         fixVNs.push((titleSuffix.content || titleSuffix.message)
-            ? h(VxeTooltipComponent, {
-                ...tooltipOpts,
-                ...titleSuffix,
-                content: getFuncText(titleSuffix.content || titleSuffix.message)
-            }, {
+            ? h(VxeTooltipComponent, Object.assign(Object.assign(Object.assign({}, tooltipOpts), titleSuffix), { content: getFuncText(titleSuffix.content || titleSuffix.message) }), {
                 default: () => renderSuffixIcon(titleSuffix)
             })
             : renderSuffixIcon(titleSuffix));

package/es/form-design/index.js

@@ -1,8 +1,10 @@
 import VxeFormDesignComponent from './src/form-design';
+import { dynamicApp } from '../dynamics';
 const VxeFormDesign = Object.assign({}, VxeFormDesignComponent, {
     install(app) {
         app.component(VxeFormDesignComponent.name, VxeFormDesignComponent);
     }
 });
+dynamicApp.component(VxeFormDesignComponent.name, VxeFormDesignComponent);
 export const FormDesign = VxeFormDesign;
 export default VxeFormDesign;

package/es/form-gather/index.js

@@ -1,8 +1,10 @@
 import VxeFormGatherComponent from '../form/src/form-gather';
+import { dynamicApp } from '../dynamics';
 export const VxeFormGather = Object.assign(VxeFormGatherComponent, {
     install(app) {
         app.component(VxeFormGatherComponent.name, VxeFormGatherComponent);
     }
 });
+dynamicApp.component(VxeFormGatherComponent.name, VxeFormGatherComponent);
 export const FormGather = VxeFormGather;
 export default VxeFormGather;

package/es/form-item/index.js

@@ -1,8 +1,10 @@
 import VxeFormItemComponent from '../form/src/form-item';
+import { dynamicApp } from '../dynamics';
 export const VxeFormItem = Object.assign(VxeFormItemComponent, {
     install(app) {
         app.component(VxeFormItemComponent.name, VxeFormItemComponent);
     }
 });
+dynamicApp.component(VxeFormItemComponent.name, VxeFormItemComponent);
 export const FormItem = VxeFormItem;
 export default VxeFormItem;

package/es/icon/index.js

@@ -1,8 +1,10 @@
 import VxeIconComponent from './src/icon';
+import { dynamicApp } from '../dynamics';
 const VxeIcon = Object.assign({}, VxeIconComponent, {
     install(app) {
         app.component(VxeIconComponent.name, VxeIconComponent);
     }
 });
+dynamicApp.component(VxeIconComponent.name, VxeIconComponent);
 export const Icon = VxeIcon;
 export default VxeIcon;

package/es/input/index.js

@@ -5,6 +5,6 @@ export const VxeInput = Object.assign(VxeInputConstructor, {
         app.component(VxeInputConstructor.name, VxeInputConstructor);
     }
 });
-export const Input = VxeInput;
 dynamicApp.component(VxeInputConstructor.name, VxeInputConstructor);
+export const Input = VxeInput;
 export default VxeInput;

package/es/input/style.css

@@ -8,7 +8,7 @@
   font-family: inherit;
   line-height: inherit;
   padding: 0 0.6em;
-  color: var(--vxe-font-color);
+  color: var(--vxe-ui-font-color);
   border: 1px solid var(--vxe-ui-input-border-color);
   background-color: var(--vxe-ui-input-background-color);
   box-shadow: none;
@@ -137,14 +137,14 @@
   display: inline;
 }
 .vxe-input:not(.is--disabled) .vxe-input--suffix:hover .vxe-input--clear-icon {
-  color: var(--vxe-font-color);
+  color: var(--vxe-ui-font-color);
 }
 .vxe-input:not(.is--disabled) .vxe-input--suffix:active .vxe-input--clear-icon {
   color: var(--vxe-primary-color);
 }
 .vxe-input:not(.is--disabled) .vxe-input--extra-suffix:hover .vxe-input--search-suffix,
 .vxe-input:not(.is--disabled) .vxe-input--extra-suffix:hover .vxe-input--password-suffix {
-  color: var(--vxe-font-color);
+  color: var(--vxe-ui-font-color);
 }
 .vxe-input:not(.is--disabled) .vxe-input--extra-suffix:active .vxe-input--search-suffix,
 .vxe-input:not(.is--disabled) .vxe-input--extra-suffix:active .vxe-input--password-suffix {
@@ -152,7 +152,7 @@
 }
 .vxe-input:not(.is--disabled) .vxe-input--number-prev:hover,
 .vxe-input:not(.is--disabled) .vxe-input--number-next:hover {
-  color: var(--vxe-font-color);
+  color: var(--vxe-ui-font-color);
 }
 .vxe-input:not(.is--disabled) .vxe-input--number-prev:active,
 .vxe-input:not(.is--disabled) .vxe-input--number-next:active {
@@ -220,7 +220,7 @@
   position: absolute;
   left: 0;
   padding: 4px 0;
-  color: var(--vxe-font-color);
+  color: var(--vxe-ui-font-color);
   font-size: var(--vxe-font-size);
   text-align: left;
 }