vxe-pc-ui 4.20.34 → 4.20.35

package/es/checkbox/src/group.js

@@ -13,227 +13,230 @@ function createInternalData() {
     // isLoaded: false
   };
 }
-var group_default = defineVxeComponent({
-  name: "VxeCheckboxGroup",
-  props: {
-    modelValue: Array,
-    options: Array,
-    optionProps: Object,
-    readonly: {
-      type: Boolean,
-      default: null
-    },
-    type: String,
-    disabled: {
-      type: Boolean,
-      default: null
-    },
-    status: {
-      type: String,
-      default: () => getConfig().checkboxGroup.status
-    },
-    max: {
-      type: [String, Number],
-      default: null
-    },
-    size: {
+var group_default = (
+  /* define-vxe-component start */
+  defineVxeComponent({
+    name: "VxeCheckboxGroup",
+    props: {
+      modelValue: Array,
+      options: Array,
+      optionProps: Object,
+      readonly: {
+        type: Boolean,
+        default: null
+      },
       type: String,
-      default: () => getConfig().checkboxGroup.size || getConfig().size
+      disabled: {
+        type: Boolean,
+        default: null
+      },
+      status: {
+        type: String,
+        default: () => getConfig().checkboxGroup.status
+      },
+      max: {
+        type: [String, Number],
+        default: null
+      },
+      size: {
+        type: String,
+        default: () => getConfig().checkboxGroup.size || getConfig().size
+      },
+      defaultConfig: Object
     },
-    defaultConfig: Object
-  },
-  emits: ["update:modelValue", "change", "default-change"],
-  setup(props, context) {
-    const { slots, emit } = context;
-    const $xeForm = inject("$xeForm", null);
-    const formItemInfo = inject("xeFormItemInfo", null);
-    const xID = XEUtils.uniqueId();
-    const reactData = reactive(createReactData());
-    const internalData = createInternalData();
-    const computeIsReadonly = computed(() => {
-      const { readonly } = props;
-      if (readonly === null) {
-        if ($xeForm) {
-          return $xeForm.props.readonly;
+    emits: ["update:modelValue", "change", "default-change"],
+    setup(props, context) {
+      const { slots, emit } = context;
+      const $xeForm = inject("$xeForm", null);
+      const formItemInfo = inject("xeFormItemInfo", null);
+      const xID = XEUtils.uniqueId();
+      const reactData = reactive(createReactData());
+      const internalData = createInternalData();
+      const computeIsReadonly = computed(() => {
+        const { readonly } = props;
+        if (readonly === null) {
+          if ($xeForm) {
+            return $xeForm.props.readonly;
+          }
+          return false;
         }
-        return false;
-      }
-      return readonly;
-    });
-    const computeIsDisabled = computed(() => {
-      const { disabled } = props;
-      if (disabled === null) {
-        if ($xeForm) {
-          return $xeForm.props.disabled;
+        return readonly;
+      });
+      const computeIsDisabled = computed(() => {
+        const { disabled } = props;
+        if (disabled === null) {
+          if ($xeForm) {
+            return $xeForm.props.disabled;
+          }
+          return false;
+        }
+        return disabled;
+      });
+      const computeIsMaximize = computed(() => {
+        const { modelValue, max } = props;
+        if (max) {
+          return (modelValue ? modelValue.length : 0) >= XEUtils.toNumber(max);
         }
         return false;
-      }
-      return disabled;
-    });
-    const computeIsMaximize = computed(() => {
-      const { modelValue, max } = props;
-      if (max) {
-        return (modelValue ? modelValue.length : 0) >= XEUtils.toNumber(max);
-      }
-      return false;
-    });
-    const computeDefaultOpts = computed(() => {
-      return Object.assign({}, props.defaultConfig);
-    });
-    const computePropsOpts = computed(() => {
-      return Object.assign({}, props.optionProps);
-    });
-    const computeLabelField = computed(() => {
-      const propsOpts = computePropsOpts.value;
-      return propsOpts.label || "label";
-    });
-    const computeValueField = computed(() => {
-      const propsOpts = computePropsOpts.value;
-      return propsOpts.value || "value";
-    });
-    const computeIconField = computed(() => {
-      const propsOpts = computePropsOpts.value;
-      return propsOpts.icon || "icon";
-    });
-    const computeTitleField = computed(() => {
-      const propsOpts = computePropsOpts.value;
-      return propsOpts.title || "title";
-    });
-    const computeDisabledField = computed(() => {
-      const propsOpts = computePropsOpts.value;
-      return propsOpts.disabled || "disabled";
-    });
-    const computeMaps = {
-      computeIsMaximize,
-      computeIsDisabled,
-      computeIsReadonly
-    };
-    const $xeCheckboxGroup = {
-      xID,
-      props,
-      context,
-      reactData,
-      getComputeMaps: () => computeMaps
-    };
-    useFns.useSize(props);
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, createEvent(evnt, { $checkboxGroup: $xeCheckboxGroup }, params));
-    };
-    const emitModel = (value) => {
-      emit("update:modelValue", value);
-    };
-    const emitDefaultValue = (value) => {
-      emitModel(value);
-      dispatchEvent("default-change", { value }, null);
-    };
-    const checkboxGroupMethods = {
-      dispatchEvent
-    };
-    const checkboxGroupPrivateMethods = {
-      handleChecked(params, evnt) {
-        const { checked, label } = params;
-        const checklist = props.modelValue || [];
-        const checkIndex = checklist.indexOf(label);
-        if (checked) {
-          if (checkIndex === -1) {
-            checklist.push(label);
+      });
+      const computeDefaultOpts = computed(() => {
+        return Object.assign({}, props.defaultConfig);
+      });
+      const computePropsOpts = computed(() => {
+        return Object.assign({}, props.optionProps);
+      });
+      const computeLabelField = computed(() => {
+        const propsOpts = computePropsOpts.value;
+        return propsOpts.label || "label";
+      });
+      const computeValueField = computed(() => {
+        const propsOpts = computePropsOpts.value;
+        return propsOpts.value || "value";
+      });
+      const computeIconField = computed(() => {
+        const propsOpts = computePropsOpts.value;
+        return propsOpts.icon || "icon";
+      });
+      const computeTitleField = computed(() => {
+        const propsOpts = computePropsOpts.value;
+        return propsOpts.title || "title";
+      });
+      const computeDisabledField = computed(() => {
+        const propsOpts = computePropsOpts.value;
+        return propsOpts.disabled || "disabled";
+      });
+      const computeMaps = {
+        computeIsMaximize,
+        computeIsDisabled,
+        computeIsReadonly
+      };
+      const $xeCheckboxGroup = {
+        xID,
+        props,
+        context,
+        reactData,
+        getComputeMaps: () => computeMaps
+      };
+      useFns.useSize(props);
+      const dispatchEvent = (type, params, evnt) => {
+        emit(type, createEvent(evnt, { $checkboxGroup: $xeCheckboxGroup }, params));
+      };
+      const emitModel = (value) => {
+        emit("update:modelValue", value);
+      };
+      const emitDefaultValue = (value) => {
+        emitModel(value);
+        dispatchEvent("default-change", { value }, null);
+      };
+      const checkboxGroupMethods = {
+        dispatchEvent
+      };
+      const checkboxGroupPrivateMethods = {
+        handleChecked(params, evnt) {
+          const { checked, label } = params;
+          const checklist = props.modelValue || [];
+          const checkIndex = checklist.indexOf(label);
+          if (checked) {
+            if (checkIndex === -1) {
+              checklist.push(label);
+            }
+          } else {
+            checklist.splice(checkIndex, 1);
+          }
+          emitModel(checklist);
+          $xeCheckboxGroup.dispatchEvent("change", Object.assign({}, params, { checklist, value: checklist }), evnt);
+          if ($xeForm && formItemInfo) {
+            $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, checklist);
           }
-        } else {
-          checklist.splice(checkIndex, 1);
-        }
-        emitModel(checklist);
-        $xeCheckboxGroup.dispatchEvent("change", Object.assign({}, params, { checklist, value: checklist }), evnt);
-        if ($xeForm && formItemInfo) {
-          $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, checklist);
         }
-      }
-    };
-    const loadData = (datas) => {
-      const { isLoaded } = internalData;
-      const defaultOpts = computeDefaultOpts.value;
-      const valueField = computeValueField.value;
-      if (!isLoaded) {
-        const { selectMode } = defaultOpts;
-        if (datas.length > 0 && XEUtils.eqNull(props.modelValue)) {
-          if (selectMode === "all") {
-            nextTick(() => {
-              emitDefaultValue(datas.map((item) => item[valueField]));
-            });
-          } else if (selectMode === "first" || selectMode === "last") {
-            const selectItem = XEUtils[selectMode](datas);
-            if (selectItem) {
+      };
+      const loadData = (datas) => {
+        const { isLoaded } = internalData;
+        const defaultOpts = computeDefaultOpts.value;
+        const valueField = computeValueField.value;
+        if (!isLoaded) {
+          const { selectMode } = defaultOpts;
+          if (datas.length > 0 && XEUtils.eqNull(props.modelValue)) {
+            if (selectMode === "all") {
               nextTick(() => {
-                if (XEUtils.eqNull(props.modelValue)) {
-                  emitDefaultValue([selectItem[valueField]]);
-                }
+                emitDefaultValue(datas.map((item) => item[valueField]));
               });
+            } else if (selectMode === "first" || selectMode === "last") {
+              const selectItem = XEUtils[selectMode](datas);
+              if (selectItem) {
+                nextTick(() => {
+                  if (XEUtils.eqNull(props.modelValue)) {
+                    emitDefaultValue([selectItem[valueField]]);
+                  }
+                });
+              }
             }
+            internalData.isLoaded = true;
           }
-          internalData.isLoaded = true;
         }
-      }
-      return nextTick();
-    };
-    Object.assign($xeCheckboxGroup, checkboxGroupMethods, checkboxGroupPrivateMethods);
-    const renderVN = () => {
-      const { status, options, type } = props;
-      const defaultSlot = slots.default;
-      const valueField = computeValueField.value;
-      const labelField = computeLabelField.value;
-      const disabledField = computeDisabledField.value;
-      const iconField = computeIconField.value;
-      const titleField = computeTitleField.value;
-      const isReadonly = computeIsReadonly.value;
-      const isDisabled = computeIsDisabled.value;
-      const btnComp = type === "button" ? VxeCheckboxButtonComponent : VxeCheckboxComponent;
-      return h(
-        "div",
-        {
-          class: [
-            "vxe-checkbox-group",
-            `type--${type === "button" ? type : ""}`,
-            {
-              [`theme--${status}`]: status,
-              "is--readonly": isReadonly,
-              "is--disabled": isDisabled
-            }
-          ]
-        },
-        defaultSlot ? defaultSlot({}) : options ? options.map((item) => {
-          return h(btnComp, {
-            key: item[valueField],
-            checkedValue: item[valueField],
-            content: item[labelField],
-            icon: item[iconField],
-            title: item[titleField],
-            disabled: item[disabledField]
-          });
-        }) : []
-      );
-    };
-    watch(
-      () => props.options,
-      (val) => {
-        loadData(val || []);
-      }
-    );
-    onMounted(() => {
-      nextTick(() => {
-        const { options } = props;
-        if (options) {
-          loadData(options);
+        return nextTick();
+      };
+      Object.assign($xeCheckboxGroup, checkboxGroupMethods, checkboxGroupPrivateMethods);
+      const renderVN = () => {
+        const { status, options, type } = props;
+        const defaultSlot = slots.default;
+        const valueField = computeValueField.value;
+        const labelField = computeLabelField.value;
+        const disabledField = computeDisabledField.value;
+        const iconField = computeIconField.value;
+        const titleField = computeTitleField.value;
+        const isReadonly = computeIsReadonly.value;
+        const isDisabled = computeIsDisabled.value;
+        const btnComp = type === "button" ? VxeCheckboxButtonComponent : VxeCheckboxComponent;
+        return h(
+          "div",
+          {
+            class: [
+              "vxe-checkbox-group",
+              `type--${type === "button" ? type : ""}`,
+              {
+                [`theme--${status}`]: status,
+                "is--readonly": isReadonly,
+                "is--disabled": isDisabled
+              }
+            ]
+          },
+          defaultSlot ? defaultSlot({}) : options ? options.map((item) => {
+            return h(btnComp, {
+              key: item[valueField],
+              checkedValue: item[valueField],
+              content: item[labelField],
+              icon: item[iconField],
+              title: item[titleField],
+              disabled: item[disabledField]
+            });
+          }) : []
+        );
+      };
+      watch(
+        () => props.options,
+        (val) => {
+          loadData(val || []);
         }
+      );
+      onMounted(() => {
+        nextTick(() => {
+          const { options } = props;
+          if (options) {
+            loadData(options);
+          }
+        });
+      });
+      onUnmounted(() => {
+        XEUtils.assign(reactData, createReactData());
+        XEUtils.assign(internalData, createInternalData());
       });
-    });
-    onUnmounted(() => {
-      XEUtils.assign(reactData, createReactData());
-      XEUtils.assign(internalData, createInternalData());
-    });
-    provide("$xeCheckboxGroup", $xeCheckboxGroup);
-    $xeCheckboxGroup.renderVN = renderVN;
-    return renderVN;
-  }
-});
+      provide("$xeCheckboxGroup", $xeCheckboxGroup);
+      $xeCheckboxGroup.renderVN = renderVN;
+      return renderVN;
+    }
+  })
+);
 export {
   group_default as default
 };

package/es/collapse/src/collapse-pane.js

@@ -4,102 +4,105 @@ import XEUtils from "xe-utils";
 import { VxeUI } from "@vxe-ui/core";
 import { assembleCollapseItem, destroyCollapseItem } from "./util";
 const { createEvent } = VxeUI;
-var collapse_pane_default = defineVxeComponent({
-  name: "VxeCollapsePane",
-  props: {
-    title: [String, Number],
-    name: [String, Number],
-    icon: String,
-    preload: Boolean,
-    permissionCode: [String, Number]
-  },
-  emits: [],
-  setup(props, context) {
-    const { emit, slots } = context;
-    const xID = XEUtils.uniqueId();
-    const $xeCollapse = inject("$xeCollapse", null);
-    const refElem = ref();
-    const reactData = reactive({});
-    const collapseConfig = reactive({
-      id: xID,
-      title: props.title,
-      name: props.name,
-      icon: props.icon,
-      preload: props.preload,
-      permissionCode: props.permissionCode,
-      slots
-    });
-    const refMaps = {
-      refElem
-    };
-    const computeMaps = {};
-    const $xeCollapsePane = {
-      xID,
-      props,
-      context,
-      reactData,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, createEvent(evnt, { $collapsePane: $xeCollapsePane }, params));
-    };
-    const collapsePaneMethods = {
-      dispatchEvent
-    };
-    const collapsePanePrivateMethods = {};
-    Object.assign($xeCollapsePane, collapsePaneMethods, collapsePanePrivateMethods);
-    const renderVN = () => {
-      return h(
-        "div",
-        {
-          ref: refElem
-        },
-        []
+var collapse_pane_default = (
+  /* define-vxe-component start */
+  defineVxeComponent({
+    name: "VxeCollapsePane",
+    props: {
+      title: [String, Number],
+      name: [String, Number],
+      icon: String,
+      preload: Boolean,
+      permissionCode: [String, Number]
+    },
+    emits: [],
+    setup(props, context) {
+      const { emit, slots } = context;
+      const xID = XEUtils.uniqueId();
+      const $xeCollapse = inject("$xeCollapse", null);
+      const refElem = ref();
+      const reactData = reactive({});
+      const collapseConfig = reactive({
+        id: xID,
+        title: props.title,
+        name: props.name,
+        icon: props.icon,
+        preload: props.preload,
+        permissionCode: props.permissionCode,
+        slots
+      });
+      const refMaps = {
+        refElem
+      };
+      const computeMaps = {};
+      const $xeCollapsePane = {
+        xID,
+        props,
+        context,
+        reactData,
+        getRefMaps: () => refMaps,
+        getComputeMaps: () => computeMaps
+      };
+      const dispatchEvent = (type, params, evnt) => {
+        emit(type, createEvent(evnt, { $collapsePane: $xeCollapsePane }, params));
+      };
+      const collapsePaneMethods = {
+        dispatchEvent
+      };
+      const collapsePanePrivateMethods = {};
+      Object.assign($xeCollapsePane, collapsePaneMethods, collapsePanePrivateMethods);
+      const renderVN = () => {
+        return h(
+          "div",
+          {
+            ref: refElem
+          },
+          []
+        );
+      };
+      watch(
+        () => props.title,
+        (val) => {
+          collapseConfig.title = val;
+        }
       );
-    };
-    watch(
-      () => props.title,
-      (val) => {
-        collapseConfig.title = val;
-      }
-    );
-    watch(
-      () => props.name,
-      (val) => {
-        collapseConfig.name = val;
-      }
-    );
-    watch(
-      () => props.icon,
-      (val) => {
-        collapseConfig.icon = val;
-      }
-    );
-    watch(
-      () => props.permissionCode,
-      (val) => {
-        collapseConfig.permissionCode = val;
-      }
-    );
-    onMounted(() => {
-      const elem = refElem.value;
-      if ($xeCollapse && elem) {
-        assembleCollapseItem($xeCollapse, elem, collapseConfig);
-      }
-    });
-    onUnmounted(() => {
-      if ($xeCollapse) {
-        destroyCollapseItem($xeCollapse, collapseConfig);
-      }
-    });
-    $xeCollapsePane.renderVN = renderVN;
-    return $xeCollapsePane;
-  },
-  render() {
-    return this.renderVN();
-  }
-});
+      watch(
+        () => props.name,
+        (val) => {
+          collapseConfig.name = val;
+        }
+      );
+      watch(
+        () => props.icon,
+        (val) => {
+          collapseConfig.icon = val;
+        }
+      );
+      watch(
+        () => props.permissionCode,
+        (val) => {
+          collapseConfig.permissionCode = val;
+        }
+      );
+      onMounted(() => {
+        const elem = refElem.value;
+        if ($xeCollapse && elem) {
+          assembleCollapseItem($xeCollapse, elem, collapseConfig);
+        }
+      });
+      onUnmounted(() => {
+        if ($xeCollapse) {
+          destroyCollapseItem($xeCollapse, collapseConfig);
+        }
+      });
+      $xeCollapsePane.renderVN = renderVN;
+      return $xeCollapsePane;
+    },
+    render() {
+      return this.renderVN();
+    }
+  })
+);
 export {
   collapse_pane_default as default
 };