@wfrog/vc-ui 1.11.9 → 1.11.11

package/dist/es/chunk/Dm_Sj5aH.mjs

@@ -1,487 +0,0 @@
-import { defineComponent, ref, reactive, computed, watch, onMounted, onUpdated, createElementBlock, openBlock, withModifiers, normalizeClass, unref, withDirectives, createCommentVNode, createVNode, withKeys, renderSlot, withCtx, createBlock, createSlots } from 'vue';
-import { E as ElInput } from './DX-2VRY2.mjs';
-import { E as ElIcon } from './D0QTifnI.mjs';
-import { ArrowDown, Minus, ArrowUp, Plus } from '@element-plus/icons-vue';
-import { b as buildProps, d as definePropType, u as useNamespace, a as debugWarn, t as throwError, i as isString } from './Gk1J52Yw.mjs';
-import { u as useSizeProp } from './vPhxogl3.mjs';
-import { b as isNumber, i as isNil, c as isUndefined } from './Bc6yUGLs.mjs';
-import { u as useAriaProps } from './BunQI8Jb.mjs';
-import { U as UPDATE_MODEL_EVENT, I as INPUT_EVENT, C as CHANGE_EVENT } from './Ct6q2FXg.mjs';
-import { _ as _export_sfc, w as withInstall } from './V6KjsUQN.mjs';
-import { v as vRepeatClick } from './D_bou1py.mjs';
-import { g as getEventCode, a as getEventKey, E as EVENT_CODE } from './BTpNRPQW.mjs';
-import { u as useLocale } from './CEl4MyfJ.mjs';
-import { u as useFormItem, c as useFormSize, a as useFormDisabled } from './CBMjhoFP.mjs';
-
-const inputNumberProps = buildProps({
-  id: {
-    type: String,
-    default: void 0
-  },
-  step: {
-    type: Number,
-    default: 1
-  },
-  stepStrictly: Boolean,
-  max: {
-    type: Number,
-    default: Number.MAX_SAFE_INTEGER
-  },
-  min: {
-    type: Number,
-    default: Number.MIN_SAFE_INTEGER
-  },
-  modelValue: {
-    type: [Number, null]
-  },
-  readonly: Boolean,
-  disabled: {
-    type: Boolean,
-    default: void 0
-  },
-  size: useSizeProp,
-  controls: {
-    type: Boolean,
-    default: true
-  },
-  controlsPosition: {
-    type: String,
-    default: "",
-    values: ["", "right"]
-  },
-  valueOnClear: {
-    type: definePropType([String, Number, null]),
-    validator: (val) => val === null || isNumber(val) || ["min", "max"].includes(val),
-    default: null
-  },
-  name: String,
-  placeholder: String,
-  precision: {
-    type: Number,
-    validator: (val) => val >= 0 && val === Number.parseInt(`${val}`, 10)
-  },
-  validateEvent: {
-    type: Boolean,
-    default: true
-  },
-  ...useAriaProps(["ariaLabel"]),
-  inputmode: {
-    type: definePropType(String),
-    default: void 0
-  },
-  align: {
-    type: definePropType(String),
-    default: "center"
-  },
-  disabledScientific: Boolean
-});
-const inputNumberEmits = {
-  [CHANGE_EVENT]: (cur, prev) => prev !== cur,
-  blur: (e) => e instanceof FocusEvent,
-  focus: (e) => e instanceof FocusEvent,
-  [INPUT_EVENT]: (val) => isNumber(val) || isNil(val),
-  [UPDATE_MODEL_EVENT]: (val) => isNumber(val) || isNil(val)
-};
-
-const _hoisted_1 = ["aria-label"];
-const _hoisted_2 = ["aria-label"];
-const _sfc_main = defineComponent({
-  ...{
-    name: "ElInputNumber"
-  },
-  __name: "input-number",
-  props: inputNumberProps,
-  emits: inputNumberEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { t } = useLocale();
-    const ns = useNamespace("input-number");
-    const input = ref();
-    const data = reactive({
-      currentValue: props.modelValue,
-      userInput: null
-    });
-    const { formItem } = useFormItem();
-    const minDisabled = computed(
-      () => isNumber(props.modelValue) && props.modelValue <= props.min
-    );
-    const maxDisabled = computed(
-      () => isNumber(props.modelValue) && props.modelValue >= props.max
-    );
-    const numPrecision = computed(() => {
-      const stepPrecision = getPrecision(props.step);
-      if (!isUndefined(props.precision)) {
-        if (stepPrecision > props.precision) {
-          debugWarn(
-            "InputNumber",
-            "precision should not be less than the decimal places of step"
-          );
-        }
-        return props.precision;
-      } else {
-        return Math.max(getPrecision(props.modelValue), stepPrecision);
-      }
-    });
-    const controlsAtRight = computed(() => {
-      return props.controls && props.controlsPosition === "right";
-    });
-    const inputNumberSize = useFormSize();
-    const inputNumberDisabled = useFormDisabled();
-    const displayValue = computed(() => {
-      if (data.userInput !== null) {
-        return data.userInput;
-      }
-      let currentValue = data.currentValue;
-      if (isNil(currentValue))
-        return "";
-      if (isNumber(currentValue)) {
-        if (Number.isNaN(currentValue))
-          return "";
-        if (!isUndefined(props.precision)) {
-          currentValue = currentValue.toFixed(props.precision);
-        }
-      }
-      return currentValue;
-    });
-    const toPrecision = (num, pre) => {
-      if (isUndefined(pre))
-        pre = numPrecision.value;
-      if (pre === 0)
-        return Math.round(num);
-      let snum = String(num);
-      const pointPos = snum.indexOf(".");
-      if (pointPos === -1)
-        return num;
-      const nums = snum.replace(".", "").split("");
-      const datum = nums[pointPos + pre];
-      if (!datum)
-        return num;
-      const length = snum.length;
-      if (snum.charAt(length - 1) === "5") {
-        snum = `${snum.slice(0, Math.max(0, length - 1))}6`;
-      }
-      return Number.parseFloat(Number(snum).toFixed(pre));
-    };
-    const getPrecision = (value) => {
-      if (isNil(value))
-        return 0;
-      const valueString = value.toString();
-      const dotPosition = valueString.indexOf(".");
-      let precision = 0;
-      if (dotPosition !== -1) {
-        precision = valueString.length - dotPosition - 1;
-      }
-      return precision;
-    };
-    const ensurePrecision = (val, coefficient = 1) => {
-      if (!isNumber(val))
-        return data.currentValue;
-      if (val >= Number.MAX_SAFE_INTEGER && coefficient === 1) {
-        debugWarn(
-          "InputNumber",
-          "The value has reached the maximum safe integer limit."
-        );
-        return val;
-      } else if (val <= Number.MIN_SAFE_INTEGER && coefficient === -1) {
-        debugWarn(
-          "InputNumber",
-          "The value has reached the minimum safe integer limit."
-        );
-        return val;
-      }
-      return toPrecision(val + props.step * coefficient);
-    };
-    const handleKeydown = (event) => {
-      const code = getEventCode(event);
-      const key = getEventKey(event);
-      if (props.disabledScientific && ["e", "E"].includes(key)) {
-        event.preventDefault();
-        return;
-      }
-      switch (code) {
-        case EVENT_CODE.up: {
-          event.preventDefault();
-          increase();
-          break;
-        }
-        case EVENT_CODE.down: {
-          event.preventDefault();
-          decrease();
-          break;
-        }
-      }
-    };
-    const increase = () => {
-      if (props.readonly || inputNumberDisabled.value || maxDisabled.value)
-        return;
-      const value = Number(displayValue.value) || 0;
-      const newVal = ensurePrecision(value);
-      setCurrentValue(newVal);
-      emit(INPUT_EVENT, data.currentValue);
-      setCurrentValueToModelValue();
-    };
-    const decrease = () => {
-      if (props.readonly || inputNumberDisabled.value || minDisabled.value)
-        return;
-      const value = Number(displayValue.value) || 0;
-      const newVal = ensurePrecision(value, -1);
-      setCurrentValue(newVal);
-      emit(INPUT_EVENT, data.currentValue);
-      setCurrentValueToModelValue();
-    };
-    const verifyValue = (value, update) => {
-      const { max, min, step, precision, stepStrictly, valueOnClear } = props;
-      if (max < min) {
-        throwError("InputNumber", "min should not be greater than max.");
-      }
-      let newVal = Number(value);
-      if (isNil(value) || Number.isNaN(newVal)) {
-        return null;
-      }
-      if (value === "") {
-        if (valueOnClear === null) {
-          return null;
-        }
-        newVal = isString(valueOnClear) ? { min, max }[valueOnClear] : valueOnClear;
-      }
-      if (stepStrictly) {
-        newVal = toPrecision(
-          Math.round(toPrecision(newVal / step)) * step,
-          precision
-        );
-        if (newVal !== value) {
-          update && emit(UPDATE_MODEL_EVENT, newVal);
-        }
-      }
-      if (!isUndefined(precision)) {
-        newVal = toPrecision(newVal, precision);
-      }
-      if (newVal > max || newVal < min) {
-        newVal = newVal > max ? max : min;
-        update && emit(UPDATE_MODEL_EVENT, newVal);
-      }
-      return newVal;
-    };
-    const setCurrentValue = (value, emitChange = true) => {
-      var _a;
-      const oldVal = data.currentValue;
-      const newVal = verifyValue(value);
-      if (!emitChange) {
-        emit(UPDATE_MODEL_EVENT, newVal);
-        return;
-      }
-      data.userInput = null;
-      if (oldVal === newVal && value)
-        return;
-      emit(UPDATE_MODEL_EVENT, newVal);
-      if (oldVal !== newVal) {
-        emit(CHANGE_EVENT, newVal, oldVal);
-      }
-      if (props.validateEvent) {
-        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn(err));
-      }
-      data.currentValue = newVal;
-    };
-    const handleInput = (value) => {
-      data.userInput = value;
-      const newVal = value === "" ? null : Number(value);
-      emit(INPUT_EVENT, newVal);
-      setCurrentValue(newVal, false);
-    };
-    const handleInputChange = (value) => {
-      const newVal = value !== "" ? Number(value) : "";
-      if (isNumber(newVal) && !Number.isNaN(newVal) || value === "") {
-        setCurrentValue(newVal);
-      }
-      setCurrentValueToModelValue();
-      data.userInput = null;
-    };
-    const focus = () => {
-      var _a, _b;
-      (_b = (_a = input.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
-    };
-    const blur = () => {
-      var _a, _b;
-      (_b = (_a = input.value) == null ? void 0 : _a.blur) == null ? void 0 : _b.call(_a);
-    };
-    const handleFocus = (event) => {
-      emit("focus", event);
-    };
-    const handleBlur = (event) => {
-      var _a, _b;
-      data.userInput = null;
-      if (data.currentValue === null && ((_a = input.value) == null ? void 0 : _a.input)) {
-        input.value.input.value = "";
-      }
-      emit("blur", event);
-      if (props.validateEvent) {
-        (_b = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _b.call(formItem, "blur").catch((err) => debugWarn(err));
-      }
-    };
-    const setCurrentValueToModelValue = () => {
-      if (data.currentValue !== props.modelValue) {
-        data.currentValue = props.modelValue;
-      }
-    };
-    const handleWheel = (e) => {
-      if (document.activeElement === e.target)
-        e.preventDefault();
-    };
-    watch(
-      () => props.modelValue,
-      (value, oldValue) => {
-        const newValue = verifyValue(value, true);
-        if (data.userInput === null && newValue !== oldValue) {
-          data.currentValue = newValue;
-        }
-      },
-      { immediate: true }
-    );
-    watch(
-      () => props.precision,
-      () => {
-        data.currentValue = verifyValue(props.modelValue);
-      }
-    );
-    onMounted(() => {
-      var _a;
-      const { min, max, modelValue } = props;
-      const innerInput = (_a = input.value) == null ? void 0 : _a.input;
-      innerInput.setAttribute("role", "spinbutton");
-      if (Number.isFinite(max)) {
-        innerInput.setAttribute("aria-valuemax", String(max));
-      } else {
-        innerInput.removeAttribute("aria-valuemax");
-      }
-      if (Number.isFinite(min)) {
-        innerInput.setAttribute("aria-valuemin", String(min));
-      } else {
-        innerInput.removeAttribute("aria-valuemin");
-      }
-      innerInput.setAttribute(
-        "aria-valuenow",
-        data.currentValue || data.currentValue === 0 ? String(data.currentValue) : ""
-      );
-      innerInput.setAttribute("aria-disabled", String(inputNumberDisabled.value));
-      if (!isNumber(modelValue) && modelValue != null) {
-        let val = Number(modelValue);
-        if (Number.isNaN(val)) {
-          val = null;
-        }
-        emit(UPDATE_MODEL_EVENT, val);
-      }
-      innerInput.addEventListener("wheel", handleWheel, { passive: false });
-    });
-    onUpdated(() => {
-      var _a, _b;
-      const innerInput = (_a = input.value) == null ? void 0 : _a.input;
-      innerInput == null ? void 0 : innerInput.setAttribute("aria-valuenow", `${(_b = data.currentValue) != null ? _b : ""}`);
-    });
-    __expose({
-      focus,
-      blur
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass([
-            unref(ns).b(),
-            unref(ns).m(unref(inputNumberSize)),
-            unref(ns).is("disabled", unref(inputNumberDisabled)),
-            unref(ns).is("without-controls", !_ctx.controls),
-            unref(ns).is("controls-right", controlsAtRight.value),
-            unref(ns).is(_ctx.align, !!_ctx.align)
-          ]),
-          onDragstart: _cache[0] || (_cache[0] = withModifiers(() => {
-          }, ["prevent"]))
-        },
-        [
-          _ctx.controls ? withDirectives((openBlock(), createElementBlock("span", {
-            key: 0,
-            role: "button",
-            "aria-label": unref(t)("el.inputNumber.decrease"),
-            class: normalizeClass([unref(ns).e("decrease"), unref(ns).is("disabled", minDisabled.value)]),
-            onKeydown: withKeys(decrease, ["enter"])
-          }, [
-            renderSlot(_ctx.$slots, "decrease-icon", {}, () => [
-              createVNode(unref(ElIcon), null, {
-                default: withCtx(() => [
-                  controlsAtRight.value ? (openBlock(), createBlock(unref(ArrowDown), { key: 0 })) : (openBlock(), createBlock(unref(Minus), { key: 1 }))
-                ]),
-                _: 1
-              })
-            ])
-          ], 42, _hoisted_1)), [
-            [unref(vRepeatClick), decrease]
-          ]) : createCommentVNode("v-if", true),
-          _ctx.controls ? withDirectives((openBlock(), createElementBlock("span", {
-            key: 1,
-            role: "button",
-            "aria-label": unref(t)("el.inputNumber.increase"),
-            class: normalizeClass([unref(ns).e("increase"), unref(ns).is("disabled", maxDisabled.value)]),
-            onKeydown: withKeys(increase, ["enter"])
-          }, [
-            renderSlot(_ctx.$slots, "increase-icon", {}, () => [
-              createVNode(unref(ElIcon), null, {
-                default: withCtx(() => [
-                  controlsAtRight.value ? (openBlock(), createBlock(unref(ArrowUp), { key: 0 })) : (openBlock(), createBlock(unref(Plus), { key: 1 }))
-                ]),
-                _: 1
-              })
-            ])
-          ], 42, _hoisted_2)), [
-            [unref(vRepeatClick), increase]
-          ]) : createCommentVNode("v-if", true),
-          createVNode(unref(ElInput), {
-            id: _ctx.id,
-            ref_key: "input",
-            ref: input,
-            type: "number",
-            step: _ctx.step,
-            "model-value": displayValue.value,
-            placeholder: _ctx.placeholder,
-            readonly: _ctx.readonly,
-            disabled: unref(inputNumberDisabled),
-            size: unref(inputNumberSize),
-            max: _ctx.max,
-            min: _ctx.min,
-            name: _ctx.name,
-            "aria-label": _ctx.ariaLabel,
-            "validate-event": false,
-            inputmode: _ctx.inputmode,
-            onKeydown: handleKeydown,
-            onBlur: handleBlur,
-            onFocus: handleFocus,
-            onInput: handleInput,
-            onChange: handleInputChange
-          }, createSlots({
-            _: 2
-          }, [
-            _ctx.$slots.prefix ? {
-              name: "prefix",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "prefix")
-              ]),
-              key: "0"
-            } : void 0,
-            _ctx.$slots.suffix ? {
-              name: "suffix",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "suffix")
-              ]),
-              key: "1"
-            } : void 0
-          ]), 1032, ["id", "step", "model-value", "placeholder", "readonly", "disabled", "size", "max", "min", "name", "aria-label", "inputmode"])
-        ],
-        34
-      );
-    };
-  }
-});
-var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/input-number/src/input-number.vue"]]);
-
-const ElInputNumber = withInstall(InputNumber);
-
-export { ElInputNumber as E };

package/dist/es/chunk/Dmi-1GRO.mjs

@@ -1,163 +0,0 @@
-import { defineComponent, computed, createElementBlock, createBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createCommentVNode, unref, renderSlot, withModifiers, createVNode, withCtx, Transition } from 'vue';
-import { E as ElIcon } from './D0QTifnI.mjs';
-import { Close } from '@element-plus/icons-vue';
-import { b as buildProps, u as useNamespace } from './Gk1J52Yw.mjs';
-import { c as componentSizes } from './vPhxogl3.mjs';
-import { _ as _export_sfc, w as withInstall } from './V6KjsUQN.mjs';
-import { c as useFormSize } from './CBMjhoFP.mjs';
-import { u as useLocale } from './CEl4MyfJ.mjs';
-
-const tagProps = buildProps({
-  type: {
-    type: String,
-    values: ["primary", "success", "info", "warning", "danger"],
-    default: "primary"
-  },
-  closable: Boolean,
-  disableTransitions: Boolean,
-  hit: Boolean,
-  color: String,
-  size: {
-    type: String,
-    values: componentSizes
-  },
-  effect: {
-    type: String,
-    values: ["dark", "light", "plain"],
-    default: "light"
-  },
-  round: Boolean
-});
-const tagEmits = {
-  close: (evt) => evt instanceof MouseEvent,
-  click: (evt) => evt instanceof MouseEvent
-};
-
-const _hoisted_1 = ["aria-label"];
-const _hoisted_2 = ["aria-label"];
-const _sfc_main = defineComponent({
-  ...{
-    name: "ElTag"
-  },
-  __name: "tag",
-  props: tagProps,
-  emits: tagEmits,
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const tagSize = useFormSize();
-    const { t } = useLocale();
-    const ns = useNamespace("tag");
-    const containerKls = computed(() => {
-      const { type, hit, effect, closable, round } = props;
-      return [
-        ns.b(),
-        ns.is("closable", closable),
-        ns.m(type || "primary"),
-        ns.m(tagSize.value),
-        ns.m(effect),
-        ns.is("hit", hit),
-        ns.is("round", round)
-      ];
-    });
-    const handleClose = (event) => {
-      emit("close", event);
-    };
-    const handleClick = (event) => {
-      emit("click", event);
-    };
-    const handleVNodeMounted = (vnode) => {
-      var _a, _b, _c;
-      if ((_c = (_b = (_a = vnode == null ? void 0 : vnode.component) == null ? void 0 : _a.subTree) == null ? void 0 : _b.component) == null ? void 0 : _c.bum) {
-        vnode.component.subTree.component.bum = null;
-      }
-    };
-    return (_ctx, _cache) => {
-      return _ctx.disableTransitions ? (openBlock(), createElementBlock(
-        "span",
-        {
-          key: 0,
-          class: normalizeClass(containerKls.value),
-          style: normalizeStyle({ backgroundColor: _ctx.color }),
-          onClick: handleClick
-        },
-        [
-          createElementVNode(
-            "span",
-            {
-              class: normalizeClass(unref(ns).e("content"))
-            },
-            [
-              renderSlot(_ctx.$slots, "default")
-            ],
-            2
-          ),
-          _ctx.closable ? (openBlock(), createElementBlock("button", {
-            key: 0,
-            "aria-label": unref(t)("el.tag.close"),
-            class: normalizeClass(unref(ns).e("close")),
-            type: "button",
-            onClick: withModifiers(handleClose, ["stop"])
-          }, [
-            createVNode(unref(ElIcon), null, {
-              default: withCtx(() => [
-                createVNode(unref(Close))
-              ]),
-              _: 1
-            })
-          ], 10, _hoisted_1)) : createCommentVNode("v-if", true)
-        ],
-        6
-      )) : (openBlock(), createBlock(Transition, {
-        key: 1,
-        name: `${unref(ns).namespace.value}-zoom-in-center`,
-        appear: "",
-        onVnodeMounted: handleVNodeMounted
-      }, {
-        default: withCtx(() => [
-          createElementVNode(
-            "span",
-            {
-              class: normalizeClass(containerKls.value),
-              style: normalizeStyle({ backgroundColor: _ctx.color }),
-              onClick: handleClick
-            },
-            [
-              createElementVNode(
-                "span",
-                {
-                  class: normalizeClass(unref(ns).e("content"))
-                },
-                [
-                  renderSlot(_ctx.$slots, "default")
-                ],
-                2
-              ),
-              _ctx.closable ? (openBlock(), createElementBlock("button", {
-                key: 0,
-                "aria-label": unref(t)("el.tag.close"),
-                class: normalizeClass(unref(ns).e("close")),
-                type: "button",
-                onClick: withModifiers(handleClose, ["stop"])
-              }, [
-                createVNode(unref(ElIcon), null, {
-                  default: withCtx(() => [
-                    createVNode(unref(Close))
-                  ]),
-                  _: 1
-                })
-              ], 10, _hoisted_2)) : createCommentVNode("v-if", true)
-            ],
-            6
-          )
-        ]),
-        _: 3
-      }, 8, ["name"]));
-    };
-  }
-});
-var Tag = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tag/src/tag.vue"]]);
-
-const ElTag = withInstall(Tag);
-
-export { ElTag as E, tagProps as t };

package/dist/es/chunk/DodoD9a9.mjs

@@ -1,52 +0,0 @@
-import { b as isNumber, h as isStringNumber } from './Bc6yUGLs.mjs';
-import { isClient } from '@vueuse/core';
-import { i as isString, a as debugWarn, q as camelize } from './Gk1J52Yw.mjs';
-
-const SCOPE = "utils/dom/style";
-const classNameToArray = (cls = "") => cls.split(" ").filter((item) => !!item.trim());
-const hasClass = (el, cls) => {
-  if (!el || !cls)
-    return false;
-  if (cls.includes(" "))
-    throw new Error("className should not contain space.");
-  return el.classList.contains(cls);
-};
-const addClass = (el, cls) => {
-  if (!el || !cls.trim())
-    return;
-  el.classList.add(...classNameToArray(cls));
-};
-const removeClass = (el, cls) => {
-  if (!el || !cls.trim())
-    return;
-  el.classList.remove(...classNameToArray(cls));
-};
-const getStyle = (element, styleName) => {
-  var _a;
-  if (!isClient || !element || !styleName)
-    return "";
-  let key = camelize(styleName);
-  if (key === "float")
-    key = "cssFloat";
-  try {
-    const style = element.style[key];
-    if (style)
-      return style;
-    const computed = (_a = document.defaultView) == null ? void 0 : _a.getComputedStyle(element, "");
-    return computed ? computed[key] : "";
-  } catch (e) {
-    return element.style[key];
-  }
-};
-function addUnit(value, defaultUnit = "px") {
-  if (!value && value !== 0)
-    return "";
-  if (isNumber(value) || isStringNumber(value)) {
-    return `${value}${defaultUnit}`;
-  } else if (isString(value)) {
-    return value;
-  }
-  debugWarn(SCOPE, "binding value must be a string or number");
-}
-
-export { addUnit as a, addClass as b, getStyle as g, hasClass as h, removeClass as r };