epic-designer-cjh/dist/Checkbox-017588c3.js

基于vue3的设计器,可视化开发页面表单

import { i as z } from "./interopRequireDefault-40f894e3.js";
import { r as G } from "./_vue_commonjs-external-eb7fec7f.js";
import { a as H, r as J } from "./public_api-1267ff2a.js";
import { d as L, b as Q } from "./useConfigInject-d85d8c62.js";
import { r as X } from "./index-f96a976e.js";
var o = {}, y;
function re() {
  if (y)
    return o;
  y = 1;
  var d = z;
  Object.defineProperty(o, "__esModule", {
    value: !0
  }), o.default = o.checkboxProps = void 0;
  var r = G, x = d(H()), c = d(J()), g = d(L()), C = d(X()), _ = Q(), O = function(t, i) {
    var l = {};
    for (var a in t)
      Object.prototype.hasOwnProperty.call(t, a) && i.indexOf(a) < 0 && (l[a] = t[a]);
    if (t != null && typeof Object.getOwnPropertySymbols == "function")
      for (var n = 0, a = Object.getOwnPropertySymbols(t); n < a.length; n++)
        i.indexOf(a[n]) < 0 && Object.prototype.propertyIsEnumerable.call(t, a[n]) && (l[a[n]] = t[a[n]]);
    return l;
  };
  const p = {
    prefixCls: String,
    name: String,
    id: String,
    type: String,
    defaultChecked: {
      type: [Boolean, Number],
      default: void 0
    },
    checked: {
      type: [Boolean, Number],
      default: void 0
    },
    disabled: Boolean,
    tabindex: {
      type: [Number, String]
    },
    readonly: Boolean,
    autofocus: Boolean,
    value: C.default.any,
    required: Boolean
  };
  o.checkboxProps = p;
  var q = (0, r.defineComponent)({
    compatConfig: {
      MODE: 3
    },
    name: "Checkbox",
    inheritAttrs: !1,
    props: (0, _.initDefaultProps)(p, {
      prefixCls: "rc-checkbox",
      type: "checkbox",
      defaultChecked: !1
    }),
    emits: ["click", "change"],
    setup(t, i) {
      let {
        attrs: l,
        emit: a,
        expose: n
      } = i;
      const s = (0, r.ref)(t.checked === void 0 ? t.defaultChecked : t.checked), f = (0, r.ref)();
      (0, r.watch)(() => t.checked, () => {
        s.value = t.checked;
      }), n({
        focus() {
          var e;
          (e = f.value) === null || e === void 0 || e.focus();
        },
        blur() {
          var e;
          (e = f.value) === null || e === void 0 || e.blur();
        }
      });
      const h = (0, r.ref)(), P = (e) => {
        if (t.disabled)
          return;
        t.checked === void 0 && (s.value = e.target.checked), e.shiftKey = h.value;
        const v = {
          target: (0, c.default)((0, c.default)({}, t), {
            checked: e.target.checked
          }),
          stopPropagation() {
            e.stopPropagation();
          },
          preventDefault() {
            e.preventDefault();
          },
          nativeEvent: e
        };
        t.checked !== void 0 && (f.value.checked = !!t.checked), a("change", v), h.value = !1;
      }, S = (e) => {
        a("click", e), h.value = e.shiftKey;
      };
      return () => {
        const {
          prefixCls: e,
          name: v,
          id: j,
          type: N,
          disabled: b,
          readonly: B,
          tabindex: D,
          autofocus: K,
          value: $,
          required: w
        } = t, E = O(t, ["prefixCls", "name", "id", "type", "disabled", "readonly", "tabindex", "autofocus", "value", "required"]), {
          class: R,
          onFocus: V,
          onBlur: A,
          onKeydown: M,
          onKeypress: T,
          onKeyup: U
        } = l, k = (0, c.default)((0, c.default)({}, E), l), W = Object.keys(k).reduce((m, u) => ((u.startsWith("data-") || u.startsWith("aria-") || u === "role") && (m[u] = k[u]), m), {}), F = (0, g.default)(e, R, {
          [`${e}-checked`]: s.value,
          [`${e}-disabled`]: b
        }), I = (0, c.default)((0, c.default)({
          name: v,
          id: j,
          type: N,
          readonly: B,
          disabled: b,
          tabindex: D,
          class: `${e}-input`,
          checked: !!s.value,
          autofocus: K,
          value: $
        }, W), {
          onChange: P,
          onClick: S,
          onFocus: V,
          onBlur: A,
          onKeydown: M,
          onKeypress: T,
          onKeyup: U,
          required: w
        });
        return (0, r.createVNode)("span", {
          class: F
        }, [(0, r.createVNode)("input", (0, x.default)({
          ref: f
        }, I), null), (0, r.createVNode)("span", {
          class: `${e}-inner`
        }, null)]);
      };
    }
  });
  return o.default = q, o;
}
export {
  re as r
};