@nutui/nutui 4.0.11 → 4.0.12

package/dist/packages/_es/Tag.js

@@ -1,9 +1,10 @@
-import { toRefs as p, computed as i, resolveComponent as f, openBlock as u, createElementBlock as m, normalizeClass as d, normalizeStyle as C, renderSlot as k, createBlock as y, createCommentVNode as v } from "vue";
-import { c as g } from "./component-234624bc.js";
-import { Close as $ } from "@nutui/icons-vue";
-import { _ as S } from "./_plugin-vue_export-helper-dad06003.js";
+import { toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createBlock, createCommentVNode } from "vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { Close } from "@nutui/icons-vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { componentName: B, create: b } = g("tag"), h = b({
+const { componentName, create } = createComponent("tag");
+const _sfc_main = create({
   props: {
     color: { type: String, default: "" },
     textColor: { type: String, default: "" },
@@ -13,69 +14,85 @@ const { componentName: B, create: b } = g("tag"), h = b({
     },
     plain: {
       type: Boolean,
-      default: !1
+      default: false
     },
     round: {
       type: Boolean,
-      default: !1
+      default: false
     },
     mark: {
       type: Boolean,
-      default: !1
+      default: false
     },
     closeable: {
       type: Boolean,
-      default: !1
+      default: false
     }
   },
   components: {
-    Close: $
+    Close
   },
   emits: ["close", "click"],
-  setup(o, { emit: t }) {
-    const { type: s, color: l, plain: a, round: c, mark: r, textColor: n } = p(o);
-    return {
-      classes: i(() => {
-        const e = B;
-        return {
-          [e]: !0,
-          [`${e}--${s.value}`]: s.value,
-          [`${e}--plain`]: a.value,
-          [`${e}--round`]: c.value,
-          [`${e}--mark`]: r.value
-        };
-      }),
-      getStyle: () => {
-        const e = {};
-        return n.value ? e.color = n.value : l.value && a.value && (e.color = l.value), a.value ? (e.background = "#fff", e["border-color"] = l.value) : l.value && (e.background = l.value), e;
-      },
-      onClose: (e) => {
-        e.stopPropagation(), t("close", e);
-      },
-      onClick: (e) => {
-        t("click", e);
+  setup(props, { emit }) {
+    const { type, color, plain, round, mark, textColor } = toRefs(props);
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true,
+        [`${prefixCls}--${type.value}`]: type.value,
+        [`${prefixCls}--plain`]: plain.value,
+        [`${prefixCls}--round`]: round.value,
+        [`${prefixCls}--mark`]: mark.value
+      };
+    });
+    const getStyle = () => {
+      const style = {};
+      if (textColor.value) {
+        style.color = textColor.value;
+      } else if (color.value && plain.value) {
+        style.color = color.value;
+      }
+      if (plain.value) {
+        style.background = "#fff";
+        style["border-color"] = color.value;
+      } else if (color.value) {
+        style.background = color.value;
       }
+      return style;
+    };
+    const onClose = (event) => {
+      event.stopPropagation();
+      emit("close", event);
+    };
+    const onClick = (event) => {
+      emit("click", event);
+    };
+    return {
+      classes,
+      getStyle,
+      onClose,
+      onClick
     };
   }
 });
-function w(o, t, s, l, a, c) {
-  const r = f("Close");
-  return u(), m("view", {
-    class: d(o.classes),
-    style: C(o.getStyle()),
-    onClick: t[0] || (t[0] = (...n) => o.onClick && o.onClick(...n))
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Close = resolveComponent("Close");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes),
+    style: normalizeStyle(_ctx.getStyle()),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
   }, [
-    k(o.$slots, "default"),
-    o.closeable ? (u(), y(r, {
+    renderSlot(_ctx.$slots, "default"),
+    _ctx.closeable ? (openBlock(), createBlock(_component_Close, {
       key: 0,
       class: "nut-tag--close",
       width: "12px",
       height: "12px",
-      onClick: o.onClose
-    }, null, 8, ["onClick"])) : v("", !0)
+      onClick: _ctx.onClose
+    }, null, 8, ["onClick"])) : createCommentVNode("", true)
   ], 6);
 }
-const j = /* @__PURE__ */ S(h, [["render", w]]);
+const Tag = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  j as default
+  Tag as default
 };

package/dist/packages/_es/Textarea.js

@@ -1,8 +1,9 @@
-import { ref as c, computed as m, onMounted as p, nextTick as g, watch as b, openBlock as f, createElementBlock as h, normalizeClass as C, createElementVNode as V, normalizeStyle as w, toDisplayString as y, createCommentVNode as S } from "vue";
-import { c as L } from "./component-234624bc.js";
-import { _ as N } from "./_plugin-vue_export-helper-dad06003.js";
+import { ref, computed, onMounted, nextTick, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode } from "vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { componentName: B, create: z, translate: v } = L("textarea"), x = z({
+const { componentName, create, translate } = createComponent("textarea");
+const _sfc_main = create({
   props: {
     modelValue: {
       type: String,
@@ -14,7 +15,7 @@ const { componentName: B, create: z, translate: v } = L("textarea"), x = z({
     },
     limitShow: {
       type: Boolean,
-      default: !1
+      default: false
     },
     maxLength: {
       type: [String, Number],
@@ -30,114 +31,157 @@ const { componentName: B, create: z, translate: v } = L("textarea"), x = z({
     },
     readonly: {
       type: Boolean,
-      default: !1
+      default: false
     },
     disabled: {
       type: Boolean,
-      default: !1
+      default: false
     },
     autosize: {
       type: [Boolean, Object],
-      default: !1
+      default: false
     },
     autofocus: {
       type: Boolean,
-      default: !1
+      default: false
     }
   },
   emits: ["update:modelValue", "change", "blur", "focus"],
-  setup(e, { emit: o }) {
-    const s = c(), u = m(() => {
-      const t = B;
+  setup(props, { emit }) {
+    const textareaRef = ref();
+    const classes = computed(() => {
+      const prefixCls = componentName;
       return {
-        [t]: !0,
-        [`${t}--disabled`]: e.disabled
+        [prefixCls]: true,
+        [`${prefixCls}--disabled`]: props.disabled
       };
     });
-    p(() => {
-      e.modelValue && n(String(e.modelValue)), e.autosize && g(i);
+    onMounted(() => {
+      if (props.modelValue) {
+        emitChange(String(props.modelValue));
+      }
+      if (props.autosize) {
+        nextTick(getContentHeight);
+      }
+    });
+    const styles = computed(() => {
+      return {
+        textAlign: props.textAlign
+        // resize: props.autosize ? 'vertical' : 'none'
+      };
     });
-    const r = m(() => ({
-      textAlign: e.textAlign
-      // resize: props.autosize ? 'vertical' : 'none'
-    })), i = () => {
-      let t = s.value;
-      t.style.height = "auto";
-      let a = t.scrollHeight;
-      if (typeof e.autosize == "object") {
-        const { maxHeight: l, minHeight: d } = e.autosize;
-        l !== void 0 && (a = Math.min(a, l)), d !== void 0 && (a = Math.max(a, d));
+    const getContentHeight = () => {
+      let textarea = textareaRef.value;
+      textarea.style.height = "auto";
+      let height = textarea.scrollHeight;
+      if (typeof props.autosize === "object") {
+        const { maxHeight, minHeight } = props.autosize;
+        if (maxHeight !== void 0) {
+          height = Math.min(height, maxHeight);
+        }
+        if (minHeight !== void 0) {
+          height = Math.max(height, minHeight);
+        }
+      }
+      if (height) {
+        textarea.style.height = height + "px";
       }
-      a && (t.style.height = a + "px");
     };
-    b(
-      () => e.modelValue,
+    watch(
+      () => props.modelValue,
       () => {
-        e.autosize && g(i);
+        if (props.autosize) {
+          nextTick(getContentHeight);
+        }
       }
     );
-    const n = (t, a) => {
-      e.maxLength && t.length > Number(e.maxLength) && (t = t.substring(0, Number(e.maxLength))), o("update:modelValue", t, a), o("change", t, a);
+    const emitChange = (value, event) => {
+      if (props.maxLength && value.length > Number(props.maxLength)) {
+        value = value.substring(0, Number(props.maxLength));
+      }
+      emit("update:modelValue", value, event);
+      emit("change", value, event);
     };
-    return {
-      textareaRef: s,
-      classes: u,
-      styles: r,
-      change: (t) => {
-        if (!t.target.composing) {
-          const a = t.target;
-          let l = a.value;
-          e.maxLength && l.length > Number(e.maxLength) && (l = l.slice(0, Number(e.maxLength))), n(a.value, t);
+    const change = (event) => {
+      if (!event.target.composing) {
+        const input = event.target;
+        let value = input.value;
+        if (props.maxLength && value.length > Number(props.maxLength)) {
+          value = value.slice(0, Number(props.maxLength));
         }
-      },
-      focus: (t) => {
-        e.disabled || e.readonly || o("focus", t);
-      },
-      blur: (t) => {
-        if (e.disabled || e.readonly)
-          return;
-        let l = t.target.value;
-        n(l, t), o("blur", { value: l, event: t });
-      },
-      translate: v,
-      startComposing: ({ target: t }) => {
-        t.composing = !0;
-      },
-      endComposing: ({ target: t }) => {
-        t.composing && (t.composing = !1, t.dispatchEvent(new Event("input")));
+        emitChange(input.value, event);
       }
     };
+    const focus = (event) => {
+      if (props.disabled)
+        return;
+      if (props.readonly)
+        return;
+      emit("focus", event);
+    };
+    const blur = (event) => {
+      if (props.disabled)
+        return;
+      if (props.readonly)
+        return;
+      const input = event.target;
+      let value = input.value;
+      emitChange(value, event);
+      emit("blur", { value, event });
+    };
+    const startComposing = ({ target }) => {
+      target.composing = true;
+    };
+    const endComposing = ({ target }) => {
+      if (target.composing) {
+        target.composing = false;
+        target.dispatchEvent(new Event("input"));
+      }
+    };
+    return {
+      textareaRef,
+      classes,
+      styles,
+      change,
+      focus,
+      blur,
+      translate,
+      startComposing,
+      endComposing
+    };
   }
-}), $ = ["rows", "disabled", "readonly", "value", "maxlength", "placeholder", "autofocus"], k = {
+});
+const _hoisted_1 = ["rows", "disabled", "readonly", "value", "maxlength", "placeholder", "autofocus"];
+const _hoisted_2 = {
   key: 0,
   class: "nut-textarea__limit"
 };
-function E(e, o, s, u, r, i) {
-  return f(), h("view", {
-    class: C(e.classes)
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
   }, [
-    V("textarea", {
+    createElementVNode("textarea", {
       ref: "textareaRef",
       class: "nut-textarea__textarea",
-      style: w(e.styles),
-      rows: e.rows,
-      disabled: e.disabled,
-      readonly: e.readonly,
-      value: e.modelValue,
-      onInput: o[0] || (o[0] = (...n) => e.change && e.change(...n)),
-      onBlur: o[1] || (o[1] = (...n) => e.blur && e.blur(...n)),
-      onFocus: o[2] || (o[2] = (...n) => e.focus && e.focus(...n)),
-      maxlength: e.maxLength,
-      placeholder: e.placeholder || e.translate("placeholder"),
-      autofocus: e.autofocus,
-      onChange: o[3] || (o[3] = (...n) => e.endComposing && e.endComposing(...n)),
-      onCompositionend: o[4] || (o[4] = (...n) => e.endComposing && e.endComposing(...n)),
-      onCompositionstart: o[5] || (o[5] = (...n) => e.startComposing && e.startComposing(...n))
-    }, null, 44, $),
-    e.limitShow ? (f(), h("view", k, y(e.modelValue ? e.modelValue.length : 0) + "/" + y(e.maxLength), 1)) : S("", !0)
+      style: normalizeStyle(_ctx.styles),
+      rows: _ctx.rows,
+      disabled: _ctx.disabled,
+      readonly: _ctx.readonly,
+      value: _ctx.modelValue,
+      onInput: _cache[0] || (_cache[0] = (...args) => _ctx.change && _ctx.change(...args)),
+      onBlur: _cache[1] || (_cache[1] = (...args) => _ctx.blur && _ctx.blur(...args)),
+      onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.focus && _ctx.focus(...args)),
+      maxlength: _ctx.maxLength,
+      placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
+      autofocus: _ctx.autofocus,
+      onChange: _cache[3] || (_cache[3] = (...args) => _ctx.endComposing && _ctx.endComposing(...args)),
+      onCompositionend: _cache[4] || (_cache[4] = (...args) => _ctx.endComposing && _ctx.endComposing(...args)),
+      onCompositionstart: _cache[5] || (_cache[5] = (...args) => _ctx.startComposing && _ctx.startComposing(...args))
+    }, null, 44, _hoisted_1),
+    _ctx.limitShow ? (openBlock(), createElementBlock("view", _hoisted_2, toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0) + "/" + toDisplayString(_ctx.maxLength), 1)) : createCommentVNode("", true)
   ], 2);
 }
-const T = /* @__PURE__ */ N(x, [["render", E]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  T as default
+  index as default
 };

package/dist/packages/_es/TimeDetail.js

@@ -1,69 +1,96 @@
-var T = Object.defineProperty, $ = Object.defineProperties;
-var w = Object.getOwnPropertyDescriptors;
-var u = Object.getOwnPropertySymbols;
-var K = Object.prototype.hasOwnProperty, D = Object.prototype.propertyIsEnumerable;
-var p = (e, t, r) => t in e ? T(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, f = (e, t) => {
-  for (var r in t || (t = {}))
-    K.call(t, r) && p(e, r, t[r]);
-  if (u)
-    for (var r of u(t))
-      D.call(t, r) && p(e, r, t[r]);
-  return e;
-}, y = (e, t) => $(e, w(t));
-import { inject as C, reactive as x, computed as h, toRefs as B, openBlock as l, createElementBlock as c, normalizeClass as k, createElementVNode as g, Fragment as E, renderList as N, toDisplayString as j } from "vue";
-import { c as z } from "./component-234624bc.js";
-import { _ as A } from "./_plugin-vue_export-helper-dad06003.js";
+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 { inject, reactive, computed, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString } from "vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { componentName: F, create: L } = z("time-detail"), R = L({
+const { componentName, create } = createComponent("time-detail");
+const _sfc_main = create({
   name: "timedetail",
   props: {
     times: {
       type: Array,
-      default: () => []
+      default: () => {
+        return [];
+      }
     }
   },
   emits: ["select"],
-  setup: (e, t) => {
-    const r = C("currentKey"), o = C("currentTime"), i = x({
-      currentKey: r,
-      currentTime: o
-    }), m = h(() => ({
-      [F]: !0
-    })), n = (s) => {
-      let _ = i.currentTime.find((a) => a.key == i.currentKey);
-      if (_)
+  setup: (props, context) => {
+    const currentKey = inject("currentKey");
+    const currentTime = inject("currentTime");
+    const state = reactive({
+      currentKey,
+      currentTime
+    });
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    const getClass = (item) => {
+      let find = state.currentTime.find((item2) => item2.key == state.currentKey);
+      if (find) {
         return {
-          "nut-time-detail__detail__list__item": !0,
-          "nut-time-detail__detail__list__item--curr": _.list.filter((a) => a === s).length > 0
+          "nut-time-detail__detail__list__item": true,
+          "nut-time-detail__detail__list__item--curr": find.list.filter((value) => value === item).length > 0
         };
-    }, d = h(() => e.times.find((s) => s.key == i.currentKey).list), v = (s) => {
-      t.emit("select", s);
+      }
+    };
+    const renderData = computed(() => {
+      return props.times.find((time) => time.key == state.currentKey)["list"];
+    });
+    const handleTime = (time) => {
+      context.emit("select", time);
     };
-    return y(f({
-      classes: m
-    }, B(i)), {
-      getClass: n,
-      renderData: d,
-      handleTime: v
+    return __spreadProps(__spreadValues({
+      classes
+    }, toRefs(state)), {
+      getClass,
+      renderData,
+      handleTime
     });
   }
-}), S = { class: "nut-time-detail__detail nut-time-detail__detail--moring" }, V = { class: "nut-time-detail__detail__list" }, b = ["onClick"];
-function q(e, t, r, o, i, m) {
-  return l(), c("view", {
-    class: k(e.classes)
+});
+const _hoisted_1 = { class: "nut-time-detail__detail nut-time-detail__detail--moring" };
+const _hoisted_2 = { class: "nut-time-detail__detail__list" };
+const _hoisted_3 = ["onClick"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
   }, [
-    g("view", S, [
-      g("view", V, [
-        (l(!0), c(E, null, N(e.renderData, (n) => (l(), c("view", {
-          class: k(e.getClass(n)),
-          key: n,
-          onClick: (d) => e.handleTime(n)
-        }, j(n), 11, b))), 128))
+    createElementVNode("view", _hoisted_1, [
+      createElementVNode("view", _hoisted_2, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.renderData, (item) => {
+          return openBlock(), createElementBlock("view", {
+            class: normalizeClass(_ctx.getClass(item)),
+            key: item,
+            onClick: ($event) => _ctx.handleTime(item)
+          }, toDisplayString(item), 11, _hoisted_3);
+        }), 128))
       ])
     ])
   ], 2);
 }
-const O = /* @__PURE__ */ A(R, [["render", q]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  O as default
+  index as default
 };

package/dist/packages/_es/TimePannel.js

@@ -1,20 +1,28 @@
-var m = Object.defineProperty, u = Object.defineProperties;
-var f = Object.getOwnPropertyDescriptors;
-var p = Object.getOwnPropertySymbols;
-var d = Object.prototype.hasOwnProperty, y = Object.prototype.propertyIsEnumerable;
-var c = (n, e, t) => e in n ? m(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, l = (n, e) => {
-  for (var t in e || (e = {}))
-    d.call(e, t) && c(n, t, e[t]);
-  if (p)
-    for (var t of p(e))
-      y.call(e, t) && c(n, t, e[t]);
-  return n;
-}, i = (n, e) => u(n, f(e));
-import { inject as K, reactive as g, computed as C, toRefs as $, openBlock as h, createElementBlock as k, normalizeClass as v, toDisplayString as S } from "vue";
-import { c as _ } from "./component-234624bc.js";
-import { _ as x } from "./_plugin-vue_export-helper-dad06003.js";
+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 { inject, reactive, computed, toRefs, openBlock, createElementBlock, normalizeClass, toDisplayString } from "vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { componentName: B, create: N } = _("time-pannel"), P = N({
+const { componentName, create } = createComponent("time-pannel");
+const _sfc_main = create({
   name: "timepannel",
   props: {
     name: {
@@ -27,28 +35,34 @@ const { componentName: B, create: N } = _("time-pannel"), P = N({
     }
   },
   emits: ["change"],
-  setup: (n, e) => {
-    const t = K("currentKey"), r = g({
-      currentKey: t
-    }), s = C(() => ({
-      [B]: !0,
-      "nut-time-pannel--curr": r.currentKey == n.pannelKey
-    })), o = (a) => {
-      e.emit("change", a);
+  setup: (props, context) => {
+    const currentKey = inject("currentKey");
+    const state = reactive({
+      currentKey
+    });
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true,
+        "nut-time-pannel--curr": state.currentKey == props.pannelKey
+      };
+    });
+    const handlePannel = (pannelKey) => {
+      context.emit("change", pannelKey);
     };
-    return i(l({}, $(r)), {
-      classes: s,
-      handlePannel: o
+    return __spreadProps(__spreadValues({}, toRefs(state)), {
+      classes,
+      handlePannel
     });
   }
 });
-function b(n, e, t, r, s, o) {
-  return h(), k("view", {
-    class: v(n.classes),
-    onClick: e[0] || (e[0] = (a) => n.handlePannel(n.pannelKey))
-  }, S(n.name), 3);
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes),
+    onClick: _cache[0] || (_cache[0] = ($event) => _ctx.handlePannel(_ctx.pannelKey))
+  }, toDisplayString(_ctx.name), 3);
 }
-const R = /* @__PURE__ */ x(P, [["render", b]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  R as default
+  index as default
 };