vxe-pc-ui 4.20.33 → 4.20.35

package/lib/checkbox/src/button.js

@@ -39,215 +39,218 @@ var import_core = require("@vxe-ui/core");
 var import_log = require("../../ui/src/log");
 const { warnLog } = (0, import_log.createComponentLog)("checkbox-button");
 const { getConfig, createEvent, useFns, renderEmptyElement } = import_core.VxeUI;
-var button_default = (0, import_comp.defineVxeComponent)({
-  name: "VxeCheckboxButton",
-  props: {
-    modelValue: [String, Number, Boolean],
-    /**
-     * 已废弃，被 checkedValue 替换
-     * @deprecated
-     */
-    label: {
-      type: [String, Number, Boolean],
-      default: null
-    },
-    title: [String, Number],
-    checkedValue: {
-      type: [String, Number, Boolean],
-      default: void 0
-    },
-    uncheckedValue: {
-      type: [String, Number, Boolean],
-      default: false
-    },
-    content: [String, Number],
-    icon: [String, Number],
-    disabled: {
-      type: Boolean,
-      default: null
-    },
-    size: {
-      type: String,
-      default: () => getConfig().checkboxButton.size || getConfig().size
-    }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(props, context) {
-    const { slots, emit } = context;
-    const $xeForm = (0, import_vue.inject)("$xeForm", null);
-    const formItemInfo = (0, import_vue.inject)("xeFormItemInfo", null);
-    const $xeCheckboxGroup = (0, import_vue.inject)("$xeCheckboxGroup", null);
-    const xID = import_xe_utils.default.uniqueId();
-    const reactData = (0, import_vue.reactive)({});
-    const { computeSize } = useFns.useSize(props);
-    const $xeCheckboxButton = {
-      xID,
-      props,
-      context,
-      reactData
-    };
-    const computeCheckValue = (0, import_vue.computed)(() => {
-      const { checkedValue, label } = props;
-      return import_xe_utils.default.isUndefined(checkedValue) ? label : checkedValue;
-    });
-    const computeIsChecked = (0, import_vue.computed)(() => {
-      const checkValue = computeCheckValue.value;
-      if ($xeCheckboxGroup) {
-        return import_xe_utils.default.includes($xeCheckboxGroup.props.modelValue, checkValue);
+var button_default = (
+  /* define-vxe-component start */
+  (0, import_comp.defineVxeComponent)({
+    name: "VxeCheckboxButton",
+    props: {
+      modelValue: [String, Number, Boolean],
+      /**
+       * 已废弃，被 checkedValue 替换
+       * @deprecated
+       */
+      label: {
+        type: [String, Number, Boolean],
+        default: null
+      },
+      title: [String, Number],
+      checkedValue: {
+        type: [String, Number, Boolean],
+        default: void 0
+      },
+      uncheckedValue: {
+        type: [String, Number, Boolean],
+        default: false
+      },
+      content: [String, Number],
+      icon: [String, Number],
+      disabled: {
+        type: Boolean,
+        default: null
+      },
+      size: {
+        type: String,
+        default: () => getConfig().checkboxButton.size || getConfig().size
       }
-      return props.modelValue === checkValue;
-    });
-    const computeIsDisabled = (0, import_vue.computed)(() => {
-      const { disabled } = props;
-      const isChecked = computeIsChecked.value;
-      if (disabled === null) {
+    },
+    emits: ["update:modelValue", "change"],
+    setup(props, context) {
+      const { slots, emit } = context;
+      const $xeForm = (0, import_vue.inject)("$xeForm", null);
+      const formItemInfo = (0, import_vue.inject)("xeFormItemInfo", null);
+      const $xeCheckboxGroup = (0, import_vue.inject)("$xeCheckboxGroup", null);
+      const xID = import_xe_utils.default.uniqueId();
+      const reactData = (0, import_vue.reactive)({});
+      const { computeSize } = useFns.useSize(props);
+      const $xeCheckboxButton = {
+        xID,
+        props,
+        context,
+        reactData
+      };
+      const computeCheckValue = (0, import_vue.computed)(() => {
+        const { checkedValue, label } = props;
+        return import_xe_utils.default.isUndefined(checkedValue) ? label : checkedValue;
+      });
+      const computeIsChecked = (0, import_vue.computed)(() => {
+        const checkValue = computeCheckValue.value;
         if ($xeCheckboxGroup) {
-          const { computeIsDisabled: computeIsGroupDisabled, computeIsReadonly: computeIsGroupReadonly, computeIsMaximize: computeIsGroupMaximize } = $xeCheckboxGroup.getComputeMaps();
-          const isGroupDisabled = computeIsGroupDisabled.value;
-          const isGroupReadonly = computeIsGroupReadonly.value;
-          const isGroupMaximize = computeIsGroupMaximize.value;
-          return isGroupDisabled || isGroupReadonly || isGroupMaximize && !isChecked;
+          return import_xe_utils.default.includes($xeCheckboxGroup.props.modelValue, checkValue);
         }
-      }
-      return disabled;
-    });
-    const changeEvent = (evnt) => {
-      const { uncheckedValue } = props;
-      const isDisabled = computeIsDisabled.value;
-      const checkValue = computeCheckValue.value;
-      if (!isDisabled) {
-        const checked = evnt.target.checked;
+        return props.modelValue === checkValue;
+      });
+      const computeIsDisabled = (0, import_vue.computed)(() => {
+        const { disabled } = props;
+        const isChecked = computeIsChecked.value;
+        if (disabled === null) {
+          if ($xeCheckboxGroup) {
+            const { computeIsDisabled: computeIsGroupDisabled, computeIsReadonly: computeIsGroupReadonly, computeIsMaximize: computeIsGroupMaximize } = $xeCheckboxGroup.getComputeMaps();
+            const isGroupDisabled = computeIsGroupDisabled.value;
+            const isGroupReadonly = computeIsGroupReadonly.value;
+            const isGroupMaximize = computeIsGroupMaximize.value;
+            return isGroupDisabled || isGroupReadonly || isGroupMaximize && !isChecked;
+          }
+        }
+        return disabled;
+      });
+      const changeEvent = (evnt) => {
+        const { uncheckedValue } = props;
+        const isDisabled = computeIsDisabled.value;
+        const checkValue = computeCheckValue.value;
+        if (!isDisabled) {
+          const checked = evnt.target.checked;
+          if ($xeCheckboxGroup) {
+            const value = checkValue;
+            const params = { checked, value, label: value };
+            $xeCheckboxGroup.handleChecked(params, evnt);
+          } else {
+            const value = checked ? checkValue : uncheckedValue;
+            const params = { checked, value, label: value };
+            emit("update:modelValue", value);
+            $xeCheckboxButton.dispatchEvent("change", params, evnt);
+            if ($xeForm && formItemInfo) {
+              $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
+            }
+          }
+        }
+      };
+      const checkboxButtonMethods = {
+        dispatchEvent(type, params, evnt) {
+          emit(type, createEvent(evnt, { $checkboxButton: $xeCheckboxButton }, params));
+        }
+      };
+      const checkboxButtonPrivateMethods = {};
+      Object.assign($xeCheckboxButton, checkboxButtonMethods, checkboxButtonPrivateMethods);
+      const renderVN = () => {
+        const { icon, content } = props;
+        const vSize = computeSize.value;
+        const isDisabled = computeIsDisabled.value;
+        const isChecked = computeIsChecked.value;
+        const checkValue = computeCheckValue.value;
+        const defaultSlot = slots.default;
         if ($xeCheckboxGroup) {
-          const value = checkValue;
-          const params = { checked, value, label: value };
-          $xeCheckboxGroup.handleChecked(params, evnt);
-        } else {
-          const value = checked ? checkValue : uncheckedValue;
-          const params = { checked, value, label: value };
-          emit("update:modelValue", value);
-          $xeCheckboxButton.dispatchEvent("change", params, evnt);
-          if ($xeForm && formItemInfo) {
-            $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
+          const { computeIsReadonly: computeIsGroupReadonly } = $xeCheckboxGroup.getComputeMaps();
+          const isGroupReadonly = computeIsGroupReadonly.value;
+          if (isGroupReadonly) {
+            if (isChecked) {
+              return (0, import_vue.h)(
+                "label",
+                {
+                  class: [
+                    "vxe-checkbox vxe-checkbox--button-view",
+                    {
+                      [`size--${vSize}`]: vSize,
+                      "is--readonly": isGroupReadonly
+                    }
+                  ]
+                },
+                [
+                  (0, import_vue.h)(
+                    "span",
+                    {
+                      class: "vxe-checkbox--label"
+                    },
+                    defaultSlot ? defaultSlot({}) : [
+                      icon ? (0, import_vue.h)(
+                        "span",
+                        {
+                          class: "vxe-checkbox--button-icon"
+                        },
+                        [(0, import_vue.h)("i", { class: icon })]
+                      ) : renderEmptyElement($xeCheckboxButton),
+                      content ? (0, import_vue.h)(
+                        "span",
+                        {
+                          class: "vxe-checkbox--button-content"
+                        },
+                        (0, import_utils.getFuncText)(content)
+                      ) : renderEmptyElement($xeCheckboxButton)
+                    ]
+                  )
+                ]
+              );
+            }
+            return renderEmptyElement($xeCheckboxButton);
           }
         }
-      }
-    };
-    const checkboxButtonMethods = {
-      dispatchEvent(type, params, evnt) {
-        emit(type, createEvent(evnt, { $checkboxButton: $xeCheckboxButton }, params));
-      }
-    };
-    const checkboxButtonPrivateMethods = {};
-    Object.assign($xeCheckboxButton, checkboxButtonMethods, checkboxButtonPrivateMethods);
-    const renderVN = () => {
-      const { icon, content } = props;
-      const vSize = computeSize.value;
-      const isDisabled = computeIsDisabled.value;
-      const isChecked = computeIsChecked.value;
-      const checkValue = computeCheckValue.value;
-      const defaultSlot = slots.default;
-      if ($xeCheckboxGroup) {
-        const { computeIsReadonly: computeIsGroupReadonly } = $xeCheckboxGroup.getComputeMaps();
-        const isGroupReadonly = computeIsGroupReadonly.value;
-        if (isGroupReadonly) {
-          if (isChecked) {
-            return (0, import_vue.h)(
-              "label",
+        return (0, import_vue.h)(
+          "label",
+          {
+            key: `${checkValue}`,
+            class: [
+              "vxe-checkbox vxe-checkbox--button",
+              {
+                [`size--${vSize}`]: vSize,
+                "is--disabled": isDisabled
+              }
+            ],
+            title: props.title
+          },
+          [
+            (0, import_vue.h)("input", {
+              class: "vxe-checkbox--input",
+              type: "checkbox",
+              disabled: isDisabled,
+              checked: isChecked,
+              onChange: changeEvent
+            }),
+            (0, import_vue.h)(
+              "span",
               {
                 class: [
-                  "vxe-checkbox vxe-checkbox--button-view",
+                  "vxe-checkbox--label",
                   {
-                    [`size--${vSize}`]: vSize,
-                    "is--readonly": isGroupReadonly
+                    "is--disabled": isDisabled
                   }
                 ]
               },
-              [
-                (0, import_vue.h)(
+              defaultSlot ? defaultSlot({}) : [
+                icon ? (0, import_vue.h)(
                   "span",
                   {
-                    class: "vxe-checkbox--label"
+                    class: "vxe-checkbox--button-icon"
                   },
-                  defaultSlot ? defaultSlot({}) : [
-                    icon ? (0, import_vue.h)(
-                      "span",
-                      {
-                        class: "vxe-checkbox--button-icon"
-                      },
-                      [(0, import_vue.h)("i", { class: icon })]
-                    ) : renderEmptyElement($xeCheckboxButton),
-                    content ? (0, import_vue.h)(
-                      "span",
-                      {
-                        class: "vxe-checkbox--button-content"
-                      },
-                      (0, import_utils.getFuncText)(content)
-                    ) : renderEmptyElement($xeCheckboxButton)
-                  ]
-                )
+                  [(0, import_vue.h)("i", { class: icon })]
+                ) : renderEmptyElement($xeCheckboxButton),
+                content ? (0, import_vue.h)(
+                  "span",
+                  {
+                    class: "vxe-checkbox--button-content"
+                  },
+                  (0, import_utils.getFuncText)(content)
+                ) : renderEmptyElement($xeCheckboxButton)
               ]
-            );
-          }
-          return renderEmptyElement($xeCheckboxButton);
+            )
+          ]
+        );
+      };
+      (0, import_vue.onMounted)(() => {
+        if (props.label !== null) {
+          warnLog("vxe.error.delProp", ["label", "checked-value"]);
         }
-      }
-      return (0, import_vue.h)(
-        "label",
-        {
-          key: `${checkValue}`,
-          class: [
-            "vxe-checkbox vxe-checkbox--button",
-            {
-              [`size--${vSize}`]: vSize,
-              "is--disabled": isDisabled
-            }
-          ],
-          title: props.title
-        },
-        [
-          (0, import_vue.h)("input", {
-            class: "vxe-checkbox--input",
-            type: "checkbox",
-            disabled: isDisabled,
-            checked: isChecked,
-            onChange: changeEvent
-          }),
-          (0, import_vue.h)(
-            "span",
-            {
-              class: [
-                "vxe-checkbox--label",
-                {
-                  "is--disabled": isDisabled
-                }
-              ]
-            },
-            defaultSlot ? defaultSlot({}) : [
-              icon ? (0, import_vue.h)(
-                "span",
-                {
-                  class: "vxe-checkbox--button-icon"
-                },
-                [(0, import_vue.h)("i", { class: icon })]
-              ) : renderEmptyElement($xeCheckboxButton),
-              content ? (0, import_vue.h)(
-                "span",
-                {
-                  class: "vxe-checkbox--button-content"
-                },
-                (0, import_utils.getFuncText)(content)
-              ) : renderEmptyElement($xeCheckboxButton)
-            ]
-          )
-        ]
-      );
-    };
-    (0, import_vue.onMounted)(() => {
-      if (props.label !== null) {
-        warnLog("vxe.error.delProp", ["label", "checked-value"]);
-      }
-    });
-    $xeCheckboxButton.renderVN = renderVN;
-    return renderVN;
-  }
-});
+      });
+      $xeCheckboxButton.renderVN = renderVN;
+      return renderVN;
+    }
+  })
+);