@ctsy/layui-vue/es/checkbox/index.js

a component library for Vue 3 base on layui-vue

var __defProp = Object.defineProperty;
var __defProps = Object.defineProperties;
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
  for (var prop in b || (b = {}))
    if (__hasOwnProp.call(b, prop))
      __defNormalProp(a, prop, b[prop]);
  if (__getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(b)) {
      if (__propIsEnum.call(b, prop))
        __defNormalProp(a, prop, b[prop]);
    }
  return a;
};
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
import { defineComponent, inject, computed, openBlock, createElementBlock, withModifiers, createElementVNode, normalizeClass, unref, renderSlot, createCommentVNode } from "vue";
var index = "";
const _hoisted_1 = ["onClick"];
const _hoisted_2 = ["name", "value"];
const _hoisted_3 = ["lay-skin"];
const _hoisted_4 = { key: 0 };
const __default__ = {
  name: "LayCheckbox"
};
const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
  props: {
    name: null,
    skin: null,
    label: null,
    modelValue: { type: [Boolean, Array], default: false },
    disabled: { type: Boolean, default: false }
  },
  emits: ["update:modelValue", "change"],
  setup(__props, { emit }) {
    const props = __props;
    const checkboxGroup = inject("checkboxGroup", {});
    const isGroup = computed(() => {
      return checkboxGroup != void 0 && (checkboxGroup == null ? void 0 : checkboxGroup.name) === "LayCheckboxGroup";
    });
    const isChecked = computed({
      get() {
        if (isGroup.value) {
          return checkboxGroup.modelValue.value.includes(props.label);
        } else {
          if (Array.isArray(props.modelValue)) {
            return props.modelValue.includes(props.label);
          } else {
            return props.modelValue;
          }
        }
      },
      set(val) {
        if (isGroup.value) {
          setGroupModelValue(val);
        } else {
          if (Array.isArray(props.modelValue)) {
            setArrayModelValue(val);
          } else {
            emit("change", val);
            emit("update:modelValue", val);
          }
        }
      }
    });
    const arrayModelValue = computed(() => {
      if (Array.isArray(props.modelValue)) {
        return [...props.modelValue];
      } else {
        return [];
      }
    });
    const setGroupModelValue = function(checked) {
      let groupModelValue = [...checkboxGroup.modelValue.value];
      if (!checked) {
        groupModelValue.splice(groupModelValue.indexOf(props.label), 1);
      } else {
        groupModelValue.push(props.label);
      }
      checkboxGroup.modelValue.value = groupModelValue;
    };
    const setArrayModelValue = function(checked) {
      let arr = [...arrayModelValue.value];
      if (!checked) {
        arr.splice(arr.indexOf(props.label), 1);
      } else {
        arr.push(props.label);
      }
      emit("change", arr);
      emit("update:modelValue", arr);
    };
    const handleClick = function() {
      if (!props.disabled) {
        isChecked.value = !isChecked.value;
      }
    };
    return (_ctx, _cache) => {
      var _a;
      return openBlock(), createElementBlock("span", {
        onClick: withModifiers(handleClick, ["stop"])
      }, [
        createElementVNode("input", {
          type: "checkbox",
          name: __props.name,
          value: __props.label
        }, null, 8, _hoisted_2),
        createElementVNode("div", {
          class: normalizeClass(["layui-unselect layui-form-checkbox", {
            "layui-checkbox-disabled layui-disabled": __props.disabled,
            "layui-form-checked": unref(isChecked)
          }]),
          "lay-skin": __props.skin
        }, [
          ((_a = _ctx.$slots) == null ? void 0 : _a.default) ? (openBlock(), createElementBlock("span", _hoisted_4, [
            renderSlot(_ctx.$slots, "default")
          ])) : createCommentVNode("", true),
          createElementVNode("i", {
            class: normalizeClass({ "layui-icon layui-icon-ok": unref(isChecked) })
          }, null, 2)
        ], 10, _hoisted_3)
      ], 8, _hoisted_1);
    };
  }
}));
_sfc_main.install = (app) => {
  app.component(_sfc_main.name, _sfc_main);
};
export { _sfc_main as default };