@nutui/nutui 3.1.22-beta.5 → 3.1.23-beta.1

package/dist/packages/_es/Category.js

@@ -1,20 +1,63 @@
 /*!
-* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref as t, onMounted as e, openBlock as a, createElementBlock as c, createElementVNode as o, Fragment as r, renderList as s, normalizeClass as i, toDisplayString as n, createCommentVNode as l, renderSlot as y } from "vue";
-import { c as p } from "./component.js";
-import { _ as u } from "./plugin-vue_export-helper.js";
+import { ref, onMounted, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode, renderSlot } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { componentName: d, create: g } = p("category"), m = g({ props: { type: { type: String, default: "classify" }, category: { type: Array, default: () => [] } }, setup(a2, { emit: c2, slots: o2 }) {
-  const r2 = t(0), s2 = t(false);
-  return e(() => {
-  }), { getChildList: (t2) => {
-    r2.value = t2, c2("change", t2);
-  }, checkIndex: r2, categoryLeft: s2 };
-} }), f = { class: "nut-category" }, _ = { class: "nut-category__cateList" }, v = { key: 0 }, L = ["onClick"];
-var h = u(m, [["render", function(t2, e2, p2, u2, d2, g2) {
-  return a(), c("div", f, [o("div", _, [t2.type == "classify" || t2.type == "text" ? (a(), c("div", v, [(a(true), c(r, null, s(t2.category, (e3, r2) => (a(), c("div", { class: "nut-category__cateListLeft", key: r2 }, [o("div", { class: i([t2.checkIndex == r2 ? "nut-category__cateListItemChecked" : "nut-category__cateListItem"]), onClick: (e4) => t2.getChildList(r2) }, n(e3.catName), 11, L)]))), 128))])) : l("", true), y(t2.$slots, "default")])]);
-}]]);
-export { h as default };
+const { componentName, create } = createComponent("category");
+const _sfc_main = create({
+  props: {
+    type: {
+      type: String,
+      default: "classify"
+    },
+    category: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(props, { emit, slots }) {
+    const checkIndex = ref(0);
+    const categoryLeft = ref(false);
+    const getChildList = (index2) => {
+      checkIndex.value = index2;
+      emit("change", index2);
+    };
+    onMounted(() => {
+    });
+    return {
+      getChildList,
+      checkIndex,
+      categoryLeft
+    };
+  }
+});
+const _hoisted_1 = { class: "nut-category" };
+const _hoisted_2 = { class: "nut-category__cateList" };
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = ["onClick"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", _hoisted_2, [
+      _ctx.type == "classify" || _ctx.type == "text" ? (openBlock(), createElementBlock("div", _hoisted_3, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.category, (item, index2) => {
+          return openBlock(), createElementBlock("div", {
+            class: "nut-category__cateListLeft",
+            key: index2
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass([_ctx.checkIndex == index2 ? "nut-category__cateListItemChecked" : "nut-category__cateListItem"]),
+              onClick: ($event) => _ctx.getChildList(index2)
+            }, toDisplayString(item.catName), 11, _hoisted_4)
+          ]);
+        }), 128))
+      ])) : createCommentVNode("", true),
+      renderSlot(_ctx.$slots, "default")
+    ])
+  ]);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/CategoryPane.js

@@ -1,16 +1,116 @@
 /*!
-* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { c as e } from "./component.js";
-import { openBlock as t, createElementBlock as a, Fragment as c, renderList as n, createElementVNode as s, toDisplayString as l, createCommentVNode as i } from "vue";
-import { _ as o } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component.js";
+import { openBlock, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, createCommentVNode } from "vue";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { componentName: r, create: y } = e("categorypane"), p = y({ props: { type: { type: String, default: "classify" }, categoryChild: { type: Array, default: () => [] }, customCategory: { type: Array, default: () => [] } }, setup: (e2, { emit: t2 }) => ({ onChange: () => {
-  t2("onChange");
-} }) }), u = { class: "nut-categorypane" }, g = { key: 0, class: "nut-categorypane__cateListRight" }, d = { class: "nut-categorypane__childTitle" }, m = { key: 0, class: "nut-categorypane__childItemList" }, _ = ["src"], h = { class: "nut-categorypane__skuImg" }, v = { key: 1, class: "nut-categorypane__cateListRight" }, k = { class: "nut-categorypane__childTitle" }, C = { key: 0, class: "nut-categorypane__childItemList" }, f = { class: "nut-categorypane__skuName" }, I = { key: 2, class: "nut-categorypane__selfItemList" };
-var N = o(p, [["render", function(e2, o2, r2, y2, p2, N2) {
-  return t(), a("div", u, [e2.type == "classify" ? (t(), a("div", g, [(t(true), a(c, null, n(e2.categoryChild, (r3, y3) => (t(), a("div", { key: y3 }, [s("div", d, l(r3.catName), 1), r3.catType == 1 ? (t(), a("div", m, [(t(true), a(c, null, n(r3.childCateList, (c2, n2) => (t(), a("div", { class: "nut-categorypane__childItem", key: n2, onClick: o2[0] || (o2[0] = (t2) => e2.onChange()) }, [s("img", { class: "nut-categorypane__childImg", src: c2.backImg }, null, 8, _), s("div", h, l(c2.catName), 1)]))), 128))])) : i("", true)]))), 128))])) : i("", true), e2.type == "text" ? (t(), a("div", v, [(t(true), a(c, null, n(e2.categoryChild, (r3, y3) => (t(), a("div", { key: y3 }, [s("div", k, l(r3.catName), 1), r3.catType == 1 ? (t(), a("div", C, [(t(true), a(c, null, n(r3.childCateList, (c2, n2) => (t(), a("div", { class: "nut-categorypane__childItem", key: n2, onClick: o2[1] || (o2[1] = (t2) => e2.onChange()) }, [s("div", f, l(c2.catName), 1)]))), 128))])) : i("", true)]))), 128))])) : i("", true), e2.type == "custom" ? (t(), a("div", I, [(t(true), a(c, null, n(e2.customCategory, (c2, n2) => (t(), a("div", { class: "nut-categorypane__skuName", key: n2, onClick: o2[2] || (o2[2] = (t2) => e2.onChange()) }, l(c2.catName), 1))), 128))])) : i("", true)]);
-}]]);
-export { N as default };
+var index_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".nut-categorypane__cateList {\n  display: flex;\n  background: rgb(255, 255, 255);\n}\n.nut-categorypane__cateListLeft {\n  background: rgb(246, 247, 249);\n}\n.nut-categorypane__cateListItemChecked, .nut-categorypane__cateListItem {\n  width: 100px;\n  height: 50px;\n  font-size: 13px;\n  font-family: PingFangSC;\n  font-weight: normal;\n  color: rgb(51, 51, 51);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.3s;\n}\n.nut-categorypane__cateListItemChecked {\n  background: rgb(255, 255, 255);\n  font-weight: 500;\n  transition: all 0.3s;\n}\n.nut-categorypane__cateListRight {\n  padding-left: 15px;\n  background: rgb(255, 255, 255);\n}\n.nut-categorypane__childTitle {\n  margin-top: 15px;\n  margin-bottom: 15px;\n  font-size: 13px;\n  font-family: PingFangSC;\n  font-weight: 500;\n  color: rgb(51, 51, 51);\n}\n.nut-categorypane__childItemList {\n  display: flex;\n  flex-wrap: wrap;\n}\n.nut-categorypane__childItem {\n  margin-right: 10px;\n}\n.nut-categorypane__childImg {\n  width: 75px;\n  height: 75px;\n  border-radius: 5px;\n}\n.nut-categorypane__skuName {\n  margin-right: 10px;\n  width: 75px;\n  height: 40px;\n  border: 1px solid rgb(153, 153, 153);\n  border-radius: 5px;\n  font-size: 12px;\n  font-family: PingFangSC;\n  font-weight: normal;\n  color: rgb(102, 102, 102);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.nut-categorypane__skuName:nth-child(3n) {\n  margin-right: 0;\n}\n.nut-categorypane__skuName:nth-child(n+4) {\n  margin-top: 15px;\n}\n.nut-categorypane__skuImg {\n  font-size: 12px;\n  font-family: PingFangSC;\n  font-weight: normal;\n  color: rgb(102, 102, 102);\n  margin-top: 10px;\n  margin-bottom: 10px;\n  text-align: center;\n}\n.nut-categorypane__selfItemList {\n  display: flex;\n  flex-wrap: wrap;\n}\n.nut-categorypane__selfskuName {\n  margin-left: 15px;\n  margin-top: 15px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 75px;\n  height: 40px;\n  border: 1px solid rgb(153, 153, 153);\n  border-radius: 5px;\n  font-size: 12px;\n  font-family: PingFangSC;\n  font-weight: normal;\n  color: rgb(102, 102, 102);\n}\n.nut-categorypane__skuName {\n  margin-left: 15px;\n  margin-top: 15px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 75px;\n  height: 40px;\n  border: 1px solid rgb(153, 153, 153);\n  border-radius: 5px;\n  font-size: 12px;\n  font-family: PingFangSC;\n  font-weight: normal;\n  color: rgb(102, 102, 102);\n}")();
+const { componentName, create } = createComponent("categorypane");
+const _sfc_main = create({
+  props: {
+    type: {
+      type: String,
+      default: "classify"
+    },
+    categoryChild: {
+      type: Array,
+      default: () => []
+    },
+    customCategory: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(props, { emit }) {
+    const onChange = () => {
+      emit("onChange");
+    };
+    return {
+      onChange
+    };
+  }
+});
+const _hoisted_1 = { class: "nut-categorypane" };
+const _hoisted_2 = {
+  key: 0,
+  class: "nut-categorypane__cateListRight"
+};
+const _hoisted_3 = { class: "nut-categorypane__childTitle" };
+const _hoisted_4 = {
+  key: 0,
+  class: "nut-categorypane__childItemList"
+};
+const _hoisted_5 = ["src"];
+const _hoisted_6 = { class: "nut-categorypane__skuImg" };
+const _hoisted_7 = {
+  key: 1,
+  class: "nut-categorypane__cateListRight"
+};
+const _hoisted_8 = { class: "nut-categorypane__childTitle" };
+const _hoisted_9 = {
+  key: 0,
+  class: "nut-categorypane__childItemList"
+};
+const _hoisted_10 = { class: "nut-categorypane__skuName" };
+const _hoisted_11 = {
+  key: 2,
+  class: "nut-categorypane__selfItemList"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    _ctx.type == "classify" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.categoryChild, (item, index2) => {
+        return openBlock(), createElementBlock("div", { key: index2 }, [
+          createElementVNode("div", _hoisted_3, toDisplayString(item.catName), 1),
+          item.catType == 1 ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(item.childCateList, (sku, key) => {
+              return openBlock(), createElementBlock("div", {
+                class: "nut-categorypane__childItem",
+                key,
+                onClick: _cache[0] || (_cache[0] = ($event) => _ctx.onChange())
+              }, [
+                createElementVNode("img", {
+                  class: "nut-categorypane__childImg",
+                  src: sku.backImg
+                }, null, 8, _hoisted_5),
+                createElementVNode("div", _hoisted_6, toDisplayString(sku.catName), 1)
+              ]);
+            }), 128))
+          ])) : createCommentVNode("", true)
+        ]);
+      }), 128))
+    ])) : createCommentVNode("", true),
+    _ctx.type == "text" ? (openBlock(), createElementBlock("div", _hoisted_7, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.categoryChild, (item, index2) => {
+        return openBlock(), createElementBlock("div", { key: index2 }, [
+          createElementVNode("div", _hoisted_8, toDisplayString(item.catName), 1),
+          item.catType == 1 ? (openBlock(), createElementBlock("div", _hoisted_9, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(item.childCateList, (sku, key) => {
+              return openBlock(), createElementBlock("div", {
+                class: "nut-categorypane__childItem",
+                key,
+                onClick: _cache[1] || (_cache[1] = ($event) => _ctx.onChange())
+              }, [
+                createElementVNode("div", _hoisted_10, toDisplayString(sku.catName), 1)
+              ]);
+            }), 128))
+          ])) : createCommentVNode("", true)
+        ]);
+      }), 128))
+    ])) : createCommentVNode("", true),
+    _ctx.type == "custom" ? (openBlock(), createElementBlock("div", _hoisted_11, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.customCategory, (sku, key) => {
+        return openBlock(), createElementBlock("div", {
+          class: "nut-categorypane__skuName",
+          key,
+          onClick: _cache[2] || (_cache[2] = ($event) => _ctx.onChange())
+        }, toDisplayString(sku.catName), 1);
+      }), 128))
+    ])) : createCommentVNode("", true)
+  ]);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Cell.js

@@ -1,26 +1,113 @@
 /*!
-* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { resolveComponent as e, openBlock as t, createElementBlock as l, normalizeClass as i, normalizeStyle as s, renderSlot as n, createBlock as c, createCommentVNode as o, Fragment as a, createElementVNode as r, toDisplayString as u, createTextVNode as p, computed as d } from "vue";
-import { c as y } from "./component.js";
-import { u as f } from "./index.js";
-import { p as k } from "./pxCheck.js";
-import { _ as m } from "./plugin-vue_export-helper.js";
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createBlock, createCommentVNode, Fragment, createElementVNode, toDisplayString, createTextVNode, computed } from "vue";
+import { c as createComponent } from "./component.js";
+import { u as useRouter } from "./index.js";
+import { p as pxCheck } from "./pxCheck.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const g = { key: 0, class: "nut-cell__icon" }, _ = { key: 1, class: "nut-cell__title" }, b = { class: "title" }, v = { class: "nut-cell__title-desc" };
-const { componentName: S, create: $ } = y("cell");
-var h = m($({ props: { title: { type: String, default: "" }, subTitle: { type: String, default: "" }, desc: { type: String, default: "" }, descTextAlign: { type: String, default: "right" }, isLink: { type: Boolean, default: false }, to: [String, Object], replace: { type: Boolean, default: false }, roundRadius: { type: [String, Number], default: "" }, url: { type: String, default: "" }, icon: { type: String, default: "" }, center: { type: Boolean, default: false }, size: { type: String, default: "" } }, emits: ["click"], setup(e2, { emit: t2 }) {
-  const l2 = d(() => {
-    const t3 = S;
-    return { [t3]: true, [`${t3}--clickable`]: e2.isLink || e2.to, [`${t3}--center`]: e2.center, [`${t3}--large`]: e2.size == "large" };
-  }), i2 = f();
-  return { handleClick: (l3) => {
-    t2("click", l3), e2.to && i2 ? i2[e2.replace ? "replace" : "push"](e2.to) : e2.url && (e2.replace ? location.replace(e2.url) : location.href = e2.url);
-  }, classes: l2, baseStyle: d(() => ({ borderRadius: k(e2.roundRadius) })) };
-} }), [["render", function(d2, y2, f2, k2, m2, S2) {
-  const $2 = e("nut-icon");
-  return t(), l("view", { class: i(d2.classes), style: s(d2.baseStyle), onClick: y2[0] || (y2[0] = (...e2) => d2.handleClick && d2.handleClick(...e2)) }, [n(d2.$slots, "default", {}, () => [d2.icon || d2.$slots.icon ? (t(), l("view", g, [n(d2.$slots, "icon", {}, () => [d2.icon ? (t(), c($2, { key: 0, class: "icon", name: d2.icon }, null, 8, ["name"])) : o("", true)])])) : o("", true), d2.title || d2.subTitle || d2.$slots.title ? (t(), l("view", _, [d2.subTitle ? (t(), l(a, { key: 0 }, [n(d2.$slots, "title", {}, () => [r("view", b, u(d2.title), 1)]), r("view", v, u(d2.subTitle), 1)], 64)) : n(d2.$slots, "title", { key: 1 }, () => [p(u(d2.title), 1)])])) : o("", true), d2.desc ? (t(), l("view", { key: 2, class: i(["nut-cell__value", { "nut-cell__value--alone": !d2.title && !d2.subTitle && !d2.$slots.title }]), style: s({ "text-align": d2.descTextAlign }) }, u(d2.desc), 7)) : o("", true), n(d2.$slots, "link", {}, () => [d2.isLink || d2.to ? (t(), c($2, { key: 0, class: "nut-cell__link", name: "right" })) : o("", true)])])], 6);
-}]]);
-export { h as default };
+const _hoisted_1 = {
+  key: 0,
+  class: "nut-cell__icon"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "nut-cell__title"
+};
+const _hoisted_3 = { class: "title" };
+const _hoisted_4 = { class: "nut-cell__title-desc" };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_icon = resolveComponent("nut-icon");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes),
+    style: normalizeStyle(_ctx.baseStyle),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+  }, [
+    renderSlot(_ctx.$slots, "default", {}, () => [
+      _ctx.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("view", _hoisted_1, [
+        renderSlot(_ctx.$slots, "icon", {}, () => [
+          _ctx.icon ? (openBlock(), createBlock(_component_nut_icon, {
+            key: 0,
+            class: "icon",
+            name: _ctx.icon
+          }, null, 8, ["name"])) : createCommentVNode("", true)
+        ])
+      ])) : createCommentVNode("", true),
+      _ctx.title || _ctx.subTitle || _ctx.$slots.title ? (openBlock(), createElementBlock("view", _hoisted_2, [
+        _ctx.subTitle ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          renderSlot(_ctx.$slots, "title", {}, () => [
+            createElementVNode("view", _hoisted_3, toDisplayString(_ctx.title), 1)
+          ]),
+          createElementVNode("view", _hoisted_4, toDisplayString(_ctx.subTitle), 1)
+        ], 64)) : renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
+          createTextVNode(toDisplayString(_ctx.title), 1)
+        ])
+      ])) : createCommentVNode("", true),
+      _ctx.desc ? (openBlock(), createElementBlock("view", {
+        key: 2,
+        class: normalizeClass(["nut-cell__value", { "nut-cell__value--alone": !_ctx.title && !_ctx.subTitle && !_ctx.$slots.title }]),
+        style: normalizeStyle({ "text-align": _ctx.descTextAlign })
+      }, toDisplayString(_ctx.desc), 7)) : createCommentVNode("", true),
+      renderSlot(_ctx.$slots, "link", {}, () => [
+        _ctx.isLink || _ctx.to ? (openBlock(), createBlock(_component_nut_icon, {
+          key: 0,
+          class: "nut-cell__link",
+          name: "right"
+        })) : createCommentVNode("", true)
+      ])
+    ])
+  ], 6);
+}
+const { componentName, create } = createComponent("cell");
+const _sfc_main = create({
+  props: {
+    title: { type: String, default: "" },
+    subTitle: { type: String, default: "" },
+    desc: { type: String, default: "" },
+    descTextAlign: { type: String, default: "right" },
+    isLink: { type: Boolean, default: false },
+    to: [String, Object],
+    replace: { type: Boolean, default: false },
+    roundRadius: { type: [String, Number], default: "" },
+    url: { type: String, default: "" },
+    icon: { type: String, default: "" },
+    center: { type: Boolean, default: false },
+    size: { type: String, default: "" }
+  },
+  emits: ["click"],
+  setup(props, { emit }) {
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true,
+        [`${prefixCls}--clickable`]: props.isLink || props.to,
+        [`${prefixCls}--center`]: props.center,
+        [`${prefixCls}--large`]: props.size == "large"
+      };
+    });
+    const router = useRouter();
+    const baseStyle = computed(() => {
+      return {
+        borderRadius: pxCheck(props.roundRadius)
+      };
+    });
+    const handleClick = (event) => {
+      emit("click", event);
+      if (props.to && router) {
+        router[props.replace ? "replace" : "push"](props.to);
+      } else if (props.url) {
+        props.replace ? location.replace(props.url) : location.href = props.url;
+      }
+    };
+    return {
+      handleClick,
+      classes,
+      baseStyle
+    };
+  }
+});
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", render]]);
+export { index as default };

package/dist/packages/_es/CellGroup.js

@@ -1,14 +1,49 @@
 /*!
-* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { computed as e, openBlock as t, createElementBlock as s, normalizeClass as l, renderSlot as o, toDisplayString as r, createCommentVNode as c, createElementVNode as p } from "vue";
-import { c as a } from "./component.js";
-import { _ as i } from "./plugin-vue_export-helper.js";
+import { computed, openBlock, createElementBlock, normalizeClass, renderSlot, toDisplayString, createCommentVNode, createElementVNode } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { componentName: u, create: n } = a("cell-group"), d = n({ props: { title: { type: String, default: "" }, desc: { type: String, default: "" } }, setup: () => ({ classes: e(() => ({ [u]: true })) }) }), m = { key: 1, class: "nut-cell-group__title" }, f = { key: 3, class: "nut-cell-group__desc" }, g = { class: "nut-cell-group__warp" };
-var _ = i(d, [["render", function(e2, a2, i2, u2, n2, d2) {
-  return t(), s("view", { class: l(e2.classes) }, [e2.$slots.title ? o(e2.$slots, "title", { key: 0 }) : e2.title ? (t(), s("view", m, r(e2.title), 1)) : c("", true), e2.$slots.desc ? o(e2.$slots, "desc", { key: 2 }) : e2.desc ? (t(), s("view", f, r(e2.desc), 1)) : c("", true), p("view", g, [o(e2.$slots, "default")])], 2);
-}]]);
-export { _ as default };
+const { componentName, create } = createComponent("cell-group");
+const _sfc_main = create({
+  props: {
+    title: { type: String, default: "" },
+    desc: { type: String, default: "" }
+  },
+  setup() {
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    return {
+      classes
+    };
+  }
+});
+const _hoisted_1 = {
+  key: 1,
+  class: "nut-cell-group__title"
+};
+const _hoisted_2 = {
+  key: 3,
+  class: "nut-cell-group__desc"
+};
+const _hoisted_3 = { class: "nut-cell-group__warp" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
+  }, [
+    _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+    _ctx.$slots.desc ? renderSlot(_ctx.$slots, "desc", { key: 2 }) : _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_2, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
+    createElementVNode("view", _hoisted_3, [
+      renderSlot(_ctx.$slots, "default")
+    ])
+  ], 2);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Checkbox.js

@@ -1,38 +1,143 @@
 /*!
-* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { c as e } from "./component.js";
-import { inject as a, reactive as t, computed as l, onMounted as n, getCurrentInstance as i, watch as o, h as c } from "vue";
-import u from "./Icon.js";
+import { c as createComponent } from "./component.js";
+import { inject, reactive, computed, onMounted, getCurrentInstance, watch, h } from "vue";
+import _sfc_main$1 from "./Icon.js";
 import "../locale/lang";
 import "./pxCheck.js";
-const { create: d, componentName: r } = e("checkbox"), s = d(((e2, u2) => ({ components: { nutIcon: u2 }, props: { modelValue: { type: Boolean, default: false }, disabled: { type: Boolean, default: false }, textPosition: { type: String, default: "right" }, iconSize: { type: [String, Number], default: "" }, iconName: { type: String, default: "check-normal" }, iconActiveName: { type: String, default: "checked" }, iconIndeterminateName: { type: String, default: "check-disabled" }, label: { type: String, default: "" }, iconClassPrefix: { type: String, default: "nut-icon" }, iconFontClassName: { type: String, default: "nutui-iconfont" }, indeterminate: { type: Boolean, default: false } }, emits: ["change", "update:modelValue"], setup(d2, { emit: r2, slots: s2 }) {
-  const m = a("parent", null), p = t({ partialSelect: d2.indeterminate }), f = l(() => !!m), v = l(() => f.value ? m.value.value.includes(d2.label) : d2.modelValue), b = l(() => f.value && m.disabled.value ? m.disabled.value : d2.disabled), h = l(() => !!d2.modelValue), S = l(() => b.value ? "nut-checkbox__icon--disable" : v.value ? p.partialSelect ? "nut-checkbox__icon--indeterminate" : "nut-checkbox__icon" : "nut-checkbox__icon--unchecked"), x = (e3, a2) => {
-    r2("update:modelValue", e3), r2("change", e3, a2);
-  }, g = () => {
-    const { iconName: e3, iconSize: a2, iconActiveName: t2, iconClassPrefix: l2, iconFontClassName: n2, iconIndeterminateName: i2 } = d2;
-    return c(u2, { name: v.value ? p.partialSelect ? i2 : t2 : e3, size: a2, class: S.value, classPrefix: l2, fontClassName: n2 });
-  }, _ = (e3) => {
-    var _a, _b;
-    if (!b.value) {
-      if (h.value && p.partialSelect)
-        return p.partialSelect = false, void x(h.value, (_a = s2.default) == null ? void 0 : _a.call(s2)[0].children);
-      if (x(!h.value, (_b = s2.default) == null ? void 0 : _b.call(s2)[0].children), f.value) {
-        let e4 = m.value.value, a2 = m.max.value, { label: t2 } = d2;
-        const l2 = e4.indexOf(t2);
-        l2 > -1 ? e4.splice(l2, 1) : l2 <= -1 && (e4.length < a2 || !a2) && e4.push(t2), m.updateValue(e4);
+const component = (componentName2, nutIcon) => {
+  return {
+    components: {
+      nutIcon
+    },
+    props: {
+      modelValue: {
+        type: Boolean,
+        default: false
+      },
+      disabled: {
+        type: Boolean,
+        default: false
+      },
+      textPosition: {
+        type: String,
+        default: "right"
+      },
+      iconSize: {
+        type: [String, Number],
+        default: ""
+      },
+      iconName: {
+        type: String,
+        default: "check-normal"
+      },
+      iconActiveName: {
+        type: String,
+        default: "checked"
+      },
+      iconIndeterminateName: {
+        type: String,
+        default: "check-disabled"
+      },
+      label: {
+        type: String,
+        default: ""
+      },
+      iconClassPrefix: {
+        type: String,
+        default: "nut-icon"
+      },
+      iconFontClassName: {
+        type: String,
+        default: "nutui-iconfont"
+      },
+      indeterminate: {
+        type: Boolean,
+        default: false
       }
+    },
+    emits: ["change", "update:modelValue"],
+    setup(props, { emit, slots }) {
+      const parent = inject("parent", null);
+      const state = reactive({
+        partialSelect: props.indeterminate
+      });
+      const hasParent = computed(() => !!parent);
+      const pValue = computed(() => {
+        if (hasParent.value) {
+          return parent.value.value.includes(props.label);
+        } else {
+          return props.modelValue;
+        }
+      });
+      const pDisabled = computed(() => {
+        return hasParent.value ? parent.disabled.value ? parent.disabled.value : props.disabled : props.disabled;
+      });
+      const checked = computed(() => !!props.modelValue);
+      const color = computed(() => {
+        return !pDisabled.value ? !pValue.value ? "nut-checkbox__icon--unchecked" : state.partialSelect ? "nut-checkbox__icon--indeterminate" : "nut-checkbox__icon" : "nut-checkbox__icon--disable";
+      });
+      const emitChange = (value, label) => {
+        emit("update:modelValue", value);
+        emit("change", value, label);
+      };
+      const renderIcon = () => {
+        const { iconName, iconSize, iconActiveName, iconClassPrefix, iconFontClassName, iconIndeterminateName } = props;
+        return h(nutIcon, {
+          name: !pValue.value ? iconName : state.partialSelect ? iconIndeterminateName : iconActiveName,
+          size: iconSize,
+          class: color.value,
+          classPrefix: iconClassPrefix,
+          fontClassName: iconFontClassName
+        });
+      };
+      const renderLabel = () => {
+        var _a;
+        return h("view", {
+          class: `${componentName2}__label ${pDisabled.value ? `${componentName2}__label--disabled` : ""}`
+        }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+      };
+      const handleClick = (e) => {
+        var _a, _b;
+        if (pDisabled.value)
+          return;
+        if (checked.value && state.partialSelect) {
+          state.partialSelect = false;
+          emitChange(checked.value, (_a = slots.default) == null ? void 0 : _a.call(slots)[0].children);
+          return;
+        }
+        emitChange(!checked.value, (_b = slots.default) == null ? void 0 : _b.call(slots)[0].children);
+        if (hasParent.value) {
+          let value = parent.value.value;
+          let max = parent.max.value;
+          let { label } = props;
+          const index = value.indexOf(label);
+          if (index > -1) {
+            value.splice(index, 1);
+          } else if (index <= -1 && (value.length < max || !max)) {
+            value.push(label);
+          }
+          parent.updateValue(value);
+        }
+      };
+      onMounted(() => {
+        hasParent.value && parent["relation"](getCurrentInstance());
+      });
+      watch(() => props.indeterminate, (newVal) => {
+        state.partialSelect = newVal;
+      });
+      return () => {
+        return h("view", {
+          class: `${componentName2} ${props.textPosition === "left" ? `${componentName2}--reverse` : ""}`,
+          onClick: handleClick
+        }, [renderIcon(), renderLabel()]);
+      };
     }
   };
-  return n(() => {
-    f.value && m.relation(i());
-  }), o(() => d2.indeterminate, (e3) => {
-    p.partialSelect = e3;
-  }), () => {
-    var _a;
-    return c("view", { class: `${e2} ${d2.textPosition === "left" ? `${e2}--reverse` : ""}`, onClick: _ }, [g(), c("view", { class: `${e2}__label ${b.value ? `${e2}__label--disabled` : ""}` }, (_a = s2.default) == null ? void 0 : _a.call(s2))]);
-  };
-} }))(r, u));
-export { s as default };
+};
+const { create, componentName } = createComponent("checkbox");
+const _sfc_main = create(component(componentName, _sfc_main$1));
+export { _sfc_main as default };