vxe-pc-ui 4.20.34 → 4.20.35

package/es/timeline/src/timeline.js

@@ -98,9 +98,12 @@ var timeline_default = (
           "div",
           {
             key: index,
-            class: ["vxe-timeline--item", {
-              "is--last": index === itemList.length - 1
-            }]
+            class: [
+              "vxe-timeline--item",
+              {
+                "is--last": index === itemList.length - 1
+              }
+            ]
           },
           [
             h("div", {
@@ -109,16 +112,28 @@ var timeline_default = (
             h("div", {
               class: "vxe-timeline--item-node"
             }),
-            h("div", {
-              class: "vxe-timeline--item-wrapper"
-            }, [
-              h("div", {
-                class: "vxe-timeline--item-title"
-              }, titleSlot ? titleSlot({ item }) : titleVal),
-              h("div", {
-                class: "vxe-timeline--item-content"
-              }, contentSlot ? contentSlot({ item }) : contentVal)
-            ])
+            h(
+              "div",
+              {
+                class: "vxe-timeline--item-wrapper"
+              },
+              [
+                h(
+                  "div",
+                  {
+                    class: "vxe-timeline--item-title"
+                  },
+                  titleSlot ? titleSlot({ item }) : titleVal
+                ),
+                h(
+                  "div",
+                  {
+                    class: "vxe-timeline--item-content"
+                  },
+                  contentSlot ? contentSlot({ item }) : contentVal
+                )
+              ]
+            )
           ]
         );
       };
@@ -131,38 +146,61 @@ var timeline_default = (
           "div",
           {
             ref: refElem,
-            class: ["vxe-timeline", {
-              [`size--${vSize}`]: vSize,
-              "is--vertical": vertical,
-              "is--horizontal": !vertical
-            }]
+            class: [
+              "vxe-timeline",
+              {
+                [`size--${vSize}`]: vSize,
+                "is--vertical": vertical,
+                "is--horizontal": !vertical
+              }
+            ]
           },
           [
-            h("div", {
-              class: "vxe-timeline--slots"
-            }, defaultSlot ? defaultSlot({}) : []),
-            h("div", {
-              class: "vxe-timeline--body"
-            }, itemList.map((item, index) => renderItem(item, index)))
+            h(
+              "div",
+              {
+                class: "vxe-timeline--slots"
+              },
+              defaultSlot ? defaultSlot({}) : []
+            ),
+            h(
+              "div",
+              {
+                class: "vxe-timeline--body"
+              },
+              itemList.map((item, index) => renderItem(item, index))
+            )
           ]
         );
       };
-      watch(() => reactData.staticItems, (val) => {
-        loadData(val, false);
-      });
+      watch(
+        () => reactData.staticItems,
+        (val) => {
+          loadData(val, false);
+        }
+      );
       const refOptsFlag = ref(0);
-      watch(() => props.options, () => {
-        refOptsFlag.value++;
-      });
-      watch(() => props.options ? props.options.length : -1, () => {
-        refOptsFlag.value++;
-      });
+      watch(
+        () => props.options,
+        () => {
+          refOptsFlag.value++;
+        }
+      );
+      watch(
+        () => props.options ? props.options.length : -1,
+        () => {
+          refOptsFlag.value++;
+        }
+      );
       watch(refOptsFlag, () => {
         loadData(props.options || [], true);
       });
-      watch(() => props.reverse, () => {
-        updateItems();
-      });
+      watch(
+        () => props.reverse,
+        () => {
+          updateItems();
+        }
+      );
       onMounted(() => {
         const { staticItems } = reactData;
         if (staticItems.length) {

package/es/timeline/src/util.js

@@ -9,13 +9,16 @@ function createTimelineItem($xeTimeline, _vm) {
 }
 function watchTimelineItem(props, itemInfo) {
   Object.keys(props).forEach((name) => {
-    watch(() => props[name], (value) => {
-      itemInfo.update(name, value);
-    });
+    watch(
+      () => props[name],
+      (value) => {
+        itemInfo.update(name, value);
+      }
+    );
   });
 }
 function assembleTimelineItem($xeTimeline, el, itemInfo) {
-  const { reactData } = $xeTimeline;
+  const reactData = $xeTimeline.reactData;
   const { staticItems } = reactData;
   const parentElem = el.parentNode;
   if (parentElem && staticItems) {

package/es/tip/src/tip.js

@@ -4,123 +4,126 @@ import XEUtils from "xe-utils";
 import { VxeUI } from "@vxe-ui/core";
 import { getSlotVNs } from "../../ui/src/vn";
 const { getConfig, useFns, createEvent, renderEmptyElement } = VxeUI;
-var tip_default = defineVxeComponent({
-  name: "VxeTip",
-  props: {
-    title: {
-      type: [String, Number],
-      default: () => getConfig().tip.title
+var tip_default = (
+  /* define-vxe-component start */
+  defineVxeComponent({
+    name: "VxeTip",
+    props: {
+      title: {
+        type: [String, Number],
+        default: () => getConfig().tip.title
+      },
+      content: [String, Number],
+      status: String,
+      icon: {
+        type: String,
+        default: () => getConfig().tip.icon
+      },
+      /**
+       * 权限码
+       */
+      permissionCode: [String, Number],
+      size: {
+        type: String,
+        default: () => getConfig().tip.size || getConfig().size
+      }
     },
-    content: [String, Number],
-    status: String,
-    icon: {
-      type: String,
-      default: () => getConfig().tip.icon
+    emits: [],
+    setup(props, context) {
+      const { slots, emit } = context;
+      const xID = XEUtils.uniqueId();
+      const { computeSize } = useFns.useSize(props);
+      const { computePermissionInfo } = useFns.usePermission(props);
+      const refElem = ref();
+      const reactData = reactive({});
+      const refMaps = {
+        refElem
+      };
+      const computeMaps = {};
+      const $xeTip = {
+        xID,
+        props,
+        context,
+        reactData,
+        getRefMaps: () => refMaps,
+        getComputeMaps: () => computeMaps
+      };
+      const dispatchEvent = (type, params, evnt) => {
+        emit(type, createEvent(evnt, { $tip: $xeTip }, params));
+      };
+      const tipMethods = {
+        dispatchEvent
+      };
+      const tipPrivateMethods = {};
+      Object.assign($xeTip, tipMethods, tipPrivateMethods);
+      const renderVN = () => {
+        const { status, content, icon, title } = props;
+        const defaultSlot = slots.default;
+        const titleSlot = slots.title;
+        const iconSlot = slots.icon;
+        const permissionInfo = computePermissionInfo.value;
+        const vSize = computeSize.value;
+        if (!permissionInfo.visible) {
+          return renderEmptyElement($xeTip);
+        }
+        return h(
+          "div",
+          {
+            ref: refElem,
+            class: [
+              "vxe-tip",
+              {
+                [`size--${vSize}`]: vSize,
+                [`theme--${status}`]: status,
+                "has--title": !!(titleSlot || title)
+              }
+            ]
+          },
+          [
+            iconSlot || icon ? h(
+              "div",
+              {
+                class: "vxe-tip--icon"
+              },
+              iconSlot ? getSlotVNs(iconSlot({})) : [
+                h("i", {
+                  class: icon
+                })
+              ]
+            ) : renderEmptyElement($xeTip),
+            h(
+              "div",
+              {
+                class: "vxe-tip--body"
+              },
+              [
+                titleSlot || title ? h(
+                  "div",
+                  {
+                    class: "vxe-tip--title"
+                  },
+                  titleSlot ? getSlotVNs(titleSlot({})) : XEUtils.toValueString(title)
+                ) : renderEmptyElement($xeTip),
+                h(
+                  "div",
+                  {
+                    class: "vxe-tip--content"
+                  },
+                  defaultSlot ? getSlotVNs(defaultSlot({})) : XEUtils.toValueString(content)
+                )
+              ]
+            )
+          ]
+        );
+      };
+      $xeTip.renderVN = renderVN;
+      return $xeTip;
     },
-    /**
-     * 权限码
-     */
-    permissionCode: [String, Number],
-    size: {
-      type: String,
-      default: () => getConfig().tip.size || getConfig().size
+    render() {
+      return this.renderVN();
     }
-  },
-  emits: [],
-  setup(props, context) {
-    const { slots, emit } = context;
-    const xID = XEUtils.uniqueId();
-    const { computeSize } = useFns.useSize(props);
-    const { computePermissionInfo } = useFns.usePermission(props);
-    const refElem = ref();
-    const reactData = reactive({});
-    const refMaps = {
-      refElem
-    };
-    const computeMaps = {};
-    const $xeTip = {
-      xID,
-      props,
-      context,
-      reactData,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, createEvent(evnt, { $tip: $xeTip }, params));
-    };
-    const tipMethods = {
-      dispatchEvent
-    };
-    const tipPrivateMethods = {};
-    Object.assign($xeTip, tipMethods, tipPrivateMethods);
-    const renderVN = () => {
-      const { status, content, icon, title } = props;
-      const defaultSlot = slots.default;
-      const titleSlot = slots.title;
-      const iconSlot = slots.icon;
-      const permissionInfo = computePermissionInfo.value;
-      const vSize = computeSize.value;
-      if (!permissionInfo.visible) {
-        return renderEmptyElement($xeTip);
-      }
-      return h(
-        "div",
-        {
-          ref: refElem,
-          class: [
-            "vxe-tip",
-            {
-              [`size--${vSize}`]: vSize,
-              [`theme--${status}`]: status,
-              "has--title": !!(titleSlot || title)
-            }
-          ]
-        },
-        [
-          iconSlot || icon ? h(
-            "div",
-            {
-              class: "vxe-tip--icon"
-            },
-            iconSlot ? getSlotVNs(iconSlot({})) : [
-              h("i", {
-                class: icon
-              })
-            ]
-          ) : renderEmptyElement($xeTip),
-          h(
-            "div",
-            {
-              class: "vxe-tip--body"
-            },
-            [
-              titleSlot || title ? h(
-                "div",
-                {
-                  class: "vxe-tip--title"
-                },
-                titleSlot ? getSlotVNs(titleSlot({})) : XEUtils.toValueString(title)
-              ) : renderEmptyElement($xeTip),
-              h(
-                "div",
-                {
-                  class: "vxe-tip--content"
-                },
-                defaultSlot ? getSlotVNs(defaultSlot({})) : XEUtils.toValueString(content)
-              )
-            ]
-          )
-        ]
-      );
-    };
-    $xeTip.renderVN = renderVN;
-    return $xeTip;
-  },
-  render() {
-    return this.renderVN();
-  }
-});
+  })
+);
 export {
   tip_default as default
 };