vxe-pc-ui 4.20.34 → 4.20.35

package/es/rate/src/rate.js

@@ -3,174 +3,177 @@ import { defineVxeComponent } from "../../ui/src/comp";
 import XEUtils from "xe-utils";
 import { VxeUI } from "@vxe-ui/core";
 const { getConfig, getIcon, createEvent, useFns } = VxeUI;
-var rate_default = defineVxeComponent({
-  name: "VxeRate",
-  props: {
-    modelValue: [Number, String],
-    disabled: {
-      type: Boolean,
-      default: null
+var rate_default = (
+  /* define-vxe-component start */
+  defineVxeComponent({
+    name: "VxeRate",
+    props: {
+      modelValue: [Number, String],
+      disabled: {
+        type: Boolean,
+        default: null
+      },
+      readonly: {
+        type: Boolean,
+        default: null
+      },
+      size: {
+        type: String,
+        default: () => getConfig().rate.size || getConfig().size
+      },
+      status: String
     },
-    readonly: {
-      type: Boolean,
-      default: null
-    },
-    size: {
-      type: String,
-      default: () => getConfig().rate.size || getConfig().size
-    },
-    status: String
-  },
-  emits: ["update:modelValue", "change"],
-  setup(props, context) {
-    const { emit } = context;
-    const $xeForm = inject("$xeForm", null);
-    const formItemInfo = inject("xeFormItemInfo", null);
-    const xID = XEUtils.uniqueId();
-    const { computeSize } = useFns.useSize(props);
-    const refElem = ref();
-    const reactData = reactive({
-      activeValue: null
-    });
-    const refMaps = {
-      refElem
-    };
-    const computeIsDisabled = computed(() => {
-      const { disabled } = props;
-      if (disabled === null) {
-        if ($xeForm) {
-          return $xeForm.props.readonly || $xeForm.props.disabled;
+    emits: ["update:modelValue", "change"],
+    setup(props, context) {
+      const { emit } = context;
+      const $xeForm = inject("$xeForm", null);
+      const formItemInfo = inject("xeFormItemInfo", null);
+      const xID = XEUtils.uniqueId();
+      const { computeSize } = useFns.useSize(props);
+      const refElem = ref();
+      const reactData = reactive({
+        activeValue: null
+      });
+      const refMaps = {
+        refElem
+      };
+      const computeIsDisabled = computed(() => {
+        const { disabled } = props;
+        if (disabled === null) {
+          if ($xeForm) {
+            return $xeForm.props.readonly || $xeForm.props.disabled;
+          }
+          return false;
         }
-        return false;
-      }
-      return disabled;
-    });
-    const computeIsReadonly = computed(() => {
-      const { readonly } = props;
-      if (readonly === null) {
-        if ($xeForm) {
-          return $xeForm.props.readonly || $xeForm.props.disabled;
+        return disabled;
+      });
+      const computeIsReadonly = computed(() => {
+        const { readonly } = props;
+        if (readonly === null) {
+          if ($xeForm) {
+            return $xeForm.props.readonly || $xeForm.props.disabled;
+          }
+          return false;
         }
-        return false;
-      }
-      return readonly;
-    });
-    const computeNumVal = computed(() => {
-      const { modelValue } = props;
-      const { activeValue } = reactData;
-      return XEUtils.toNumber(activeValue === null ? modelValue : activeValue);
-    });
-    const computeItemList = computed(() => {
-      return [1, 2, 3, 4, 5].map((num) => {
-        return {
-          value: num,
-          label: num
-        };
+        return readonly;
       });
-    });
-    const computeMaps = {};
-    const $xeRate = {
-      xID,
-      props,
-      context,
-      reactData,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, createEvent(evnt, { $rate: $xeRate }, params));
-    };
-    const rateMethods = {
-      dispatchEvent
-    };
-    const ratePrivateMethods = {};
-    const emitModel = (value) => {
-      emit("update:modelValue", value);
-    };
-    const mouseenterEvent = (evnt, item) => {
-      const isDisabled = computeIsDisabled.value;
-      const isReadonly = computeIsReadonly.value;
-      if (!(isDisabled || isReadonly)) {
-        const value = item.value;
-        reactData.activeValue = value;
-      }
-    };
-    const mouseleaveEvent = () => {
-      reactData.activeValue = null;
-    };
-    const clickEvent = (evnt, item) => {
-      const isDisabled = computeIsDisabled.value;
-      const isReadonly = computeIsReadonly.value;
-      if (!(isDisabled || isReadonly)) {
-        const value = item.value;
-        emitModel(value);
-        dispatchEvent("change", { value }, evnt);
-        if ($xeForm && formItemInfo) {
-          $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
+      const computeNumVal = computed(() => {
+        const { modelValue } = props;
+        const { activeValue } = reactData;
+        return XEUtils.toNumber(activeValue === null ? modelValue : activeValue);
+      });
+      const computeItemList = computed(() => {
+        return [1, 2, 3, 4, 5].map((num) => {
+          return {
+            value: num,
+            label: num
+          };
+        });
+      });
+      const computeMaps = {};
+      const $xeRate = {
+        xID,
+        props,
+        context,
+        reactData,
+        getRefMaps: () => refMaps,
+        getComputeMaps: () => computeMaps
+      };
+      const dispatchEvent = (type, params, evnt) => {
+        emit(type, createEvent(evnt, { $rate: $xeRate }, params));
+      };
+      const rateMethods = {
+        dispatchEvent
+      };
+      const ratePrivateMethods = {};
+      const emitModel = (value) => {
+        emit("update:modelValue", value);
+      };
+      const mouseenterEvent = (evnt, item) => {
+        const isDisabled = computeIsDisabled.value;
+        const isReadonly = computeIsReadonly.value;
+        if (!(isDisabled || isReadonly)) {
+          const value = item.value;
+          reactData.activeValue = value;
         }
-      }
-    };
-    Object.assign($xeRate, rateMethods, ratePrivateMethods);
-    const renderVN = () => {
-      const { status } = props;
-      const isDisabled = computeIsDisabled.value;
-      const isReadonly = computeIsReadonly.value;
-      const itemList = computeItemList.value;
-      const vSize = computeSize.value;
-      const numVal = computeNumVal.value;
-      return h(
-        "div",
-        {
-          ref: refElem,
-          class: [
-            "vxe-rate",
-            {
-              [`size--${vSize}`]: vSize,
-              [`theme--${status}`]: status,
-              "is--disabled": isDisabled,
-              "is--readonly": isReadonly
-            }
-          ]
-        },
-        itemList.map((item) => {
-          const isChecked = numVal >= item.value;
-          return h(
-            "div",
-            {
-              class: [
-                "vxe-rte--item",
-                {
-                  "is--checked": isChecked
-                }
-              ],
-              onMouseenter(evnt) {
-                if (!(isDisabled || isReadonly)) {
-                  mouseenterEvent(evnt, item);
-                }
-              },
-              onMouseleave: mouseleaveEvent,
-              onClick(evnt) {
-                if (!(isDisabled || isReadonly)) {
-                  clickEvent(evnt, item);
-                }
+      };
+      const mouseleaveEvent = () => {
+        reactData.activeValue = null;
+      };
+      const clickEvent = (evnt, item) => {
+        const isDisabled = computeIsDisabled.value;
+        const isReadonly = computeIsReadonly.value;
+        if (!(isDisabled || isReadonly)) {
+          const value = item.value;
+          emitModel(value);
+          dispatchEvent("change", { value }, evnt);
+          if ($xeForm && formItemInfo) {
+            $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
+          }
+        }
+      };
+      Object.assign($xeRate, rateMethods, ratePrivateMethods);
+      const renderVN = () => {
+        const { status } = props;
+        const isDisabled = computeIsDisabled.value;
+        const isReadonly = computeIsReadonly.value;
+        const itemList = computeItemList.value;
+        const vSize = computeSize.value;
+        const numVal = computeNumVal.value;
+        return h(
+          "div",
+          {
+            ref: refElem,
+            class: [
+              "vxe-rate",
+              {
+                [`size--${vSize}`]: vSize,
+                [`theme--${status}`]: status,
+                "is--disabled": isDisabled,
+                "is--readonly": isReadonly
               }
-            },
-            [
-              h("i", {
-                class: isChecked ? getIcon().RATE_CHECKED : getIcon().RATE_UNCHECKED
-              })
             ]
-          );
-        })
-      );
-    };
-    $xeRate.renderVN = renderVN;
-    return $xeRate;
-  },
-  render() {
-    return this.renderVN();
-  }
-});
+          },
+          itemList.map((item) => {
+            const isChecked = numVal >= item.value;
+            return h(
+              "div",
+              {
+                class: [
+                  "vxe-rte--item",
+                  {
+                    "is--checked": isChecked
+                  }
+                ],
+                onMouseenter(evnt) {
+                  if (!(isDisabled || isReadonly)) {
+                    mouseenterEvent(evnt, item);
+                  }
+                },
+                onMouseleave: mouseleaveEvent,
+                onClick(evnt) {
+                  if (!(isDisabled || isReadonly)) {
+                    clickEvent(evnt, item);
+                  }
+                }
+              },
+              [
+                h("i", {
+                  class: isChecked ? getIcon().RATE_CHECKED : getIcon().RATE_UNCHECKED
+                })
+              ]
+            );
+          })
+        );
+      };
+      $xeRate.renderVN = renderVN;
+      return $xeRate;
+    },
+    render() {
+      return this.renderVN();
+    }
+  })
+);
 export {
   rate_default as default
 };

package/es/result/src/result.js

@@ -3,120 +3,123 @@ import { defineVxeComponent } from "../../ui/src/comp";
 import XEUtils from "xe-utils";
 import { VxeUI } from "@vxe-ui/core";
 const { getIcon, createEvent, renderEmptyElement } = VxeUI;
-var result_default = defineVxeComponent({
-  name: "VxeResult",
-  props: {
-    imageUrl: String,
-    imageStyle: Object,
-    icon: String,
-    type: [String, Number],
-    status: [String, Number],
-    title: [String, Number],
-    content: [String, Number]
-  },
-  emits: [],
-  setup(props, context) {
-    const { emit, slots } = context;
-    const xID = XEUtils.uniqueId();
-    const refElem = ref();
-    const reactData = reactive({});
-    const refMaps = {
-      refElem
-    };
-    const computeMaps = {};
-    const $xeResult = {
-      xID,
-      props,
-      context,
-      reactData,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, createEvent(evnt, { $result: $xeResult }, params));
-    };
-    const resultMethods = {
-      dispatchEvent
-    };
-    const resultPrivateMethods = {};
-    Object.assign($xeResult, resultMethods, resultPrivateMethods);
-    const renderVN = () => {
-      const { imageUrl, imageStyle, icon, title, type, content } = props;
-      const status = props.status || type;
-      const slotExtra = slots.extra;
-      return h(
-        "div",
-        {
-          ref: refElem,
-          class: [
-            "vxe-result",
-            {
-              [`theme--${status}`]: status
-            }
-          ]
-        },
-        [
-          h(
-            "div",
-            {
-              class: "vxe-result--inner"
-            },
-            [
-              imageUrl ? h(
-                "div",
-                {
-                  class: "vxe-result--img-wrapper"
-                },
-                [
-                  h("img", {
-                    src: imageUrl,
-                    style: imageStyle
-                  })
-                ]
-              ) : h(
-                "div",
-                {
-                  class: "vxe-result--icon-wrapper"
-                },
-                [
-                  h("i", {
-                    class: [icon, type ? getIcon()[`RESULT_${type}`.toLocaleUpperCase()] : ""]
-                  })
-                ]
-              ),
-              h(
-                "div",
-                {
-                  class: "vxe-result--title-wrapper"
-                },
-                `${title || ""}`
-              ),
-              h(
-                "div",
-                {
-                  class: "vxe-result--content-wrapper"
-                },
-                `${content || ""}`
-              ),
-              slotExtra ? h(
-                "div",
-                {
-                  class: "vxe-result--extra-wrapper"
-                },
-                slotExtra({})
-              ) : renderEmptyElement($xeResult)
+var result_default = (
+  /* define-vxe-component start */
+  defineVxeComponent({
+    name: "VxeResult",
+    props: {
+      imageUrl: String,
+      imageStyle: Object,
+      icon: String,
+      type: [String, Number],
+      status: [String, Number],
+      title: [String, Number],
+      content: [String, Number]
+    },
+    emits: [],
+    setup(props, context) {
+      const { emit, slots } = context;
+      const xID = XEUtils.uniqueId();
+      const refElem = ref();
+      const reactData = reactive({});
+      const refMaps = {
+        refElem
+      };
+      const computeMaps = {};
+      const $xeResult = {
+        xID,
+        props,
+        context,
+        reactData,
+        getRefMaps: () => refMaps,
+        getComputeMaps: () => computeMaps
+      };
+      const dispatchEvent = (type, params, evnt) => {
+        emit(type, createEvent(evnt, { $result: $xeResult }, params));
+      };
+      const resultMethods = {
+        dispatchEvent
+      };
+      const resultPrivateMethods = {};
+      Object.assign($xeResult, resultMethods, resultPrivateMethods);
+      const renderVN = () => {
+        const { imageUrl, imageStyle, icon, title, type, content } = props;
+        const status = props.status || type;
+        const slotExtra = slots.extra;
+        return h(
+          "div",
+          {
+            ref: refElem,
+            class: [
+              "vxe-result",
+              {
+                [`theme--${status}`]: status
+              }
             ]
-          )
-        ]
-      );
-    };
-    $xeResult.renderVN = renderVN;
-    return $xeResult;
-  },
-  render() {
-    return this.renderVN();
-  }
-});
+          },
+          [
+            h(
+              "div",
+              {
+                class: "vxe-result--inner"
+              },
+              [
+                imageUrl ? h(
+                  "div",
+                  {
+                    class: "vxe-result--img-wrapper"
+                  },
+                  [
+                    h("img", {
+                      src: imageUrl,
+                      style: imageStyle
+                    })
+                  ]
+                ) : h(
+                  "div",
+                  {
+                    class: "vxe-result--icon-wrapper"
+                  },
+                  [
+                    h("i", {
+                      class: [icon, type ? getIcon()[`RESULT_${type}`.toLocaleUpperCase()] : ""]
+                    })
+                  ]
+                ),
+                h(
+                  "div",
+                  {
+                    class: "vxe-result--title-wrapper"
+                  },
+                  `${title || ""}`
+                ),
+                h(
+                  "div",
+                  {
+                    class: "vxe-result--content-wrapper"
+                  },
+                  `${content || ""}`
+                ),
+                slotExtra ? h(
+                  "div",
+                  {
+                    class: "vxe-result--extra-wrapper"
+                  },
+                  slotExtra({})
+                ) : renderEmptyElement($xeResult)
+              ]
+            )
+          ]
+        );
+      };
+      $xeResult.renderVN = renderVN;
+      return $xeResult;
+    },
+    render() {
+      return this.renderVN();
+    }
+  })
+);
 export {
   result_default as default
 };