@nutui/nutui 4.0.12-beta.1 → 4.0.12

package/dist/packages/_es/Category.js

@@ -1,8 +1,9 @@
-import { ref as i, openBlock as o, createElementBlock as s, createElementVNode as l, Fragment as m, renderList as y, normalizeClass as u, toDisplayString as _, createCommentVNode as f, renderSlot as g } from "vue";
-import { c as h } from "./component-234624bc.js";
-import { _ as L } from "./_plugin-vue_export-helper-dad06003.js";
+import { ref, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode, renderSlot } 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: D, create: k } = h("category"), C = k({
+const { componentName, create } = createComponent("category");
+const _sfc_main = create({
   props: {
     //分类模式
     type: {
@@ -15,36 +16,45 @@ const { componentName: D, create: k } = h("category"), C = k({
       default: []
     }
   },
-  setup(e, { emit: a, slots: d }) {
-    const r = i(0), n = i(!1);
+  setup(props, { emit, slots }) {
+    const checkIndex = ref(0);
+    const categoryLeft = ref(false);
+    const getChildList = (index2) => {
+      checkIndex.value = index2;
+      emit("change", index2);
+    };
     return {
-      getChildList: (t) => {
-        r.value = t, a("change", t);
-      },
-      checkIndex: r,
-      categoryLeft: n
+      getChildList,
+      checkIndex,
+      categoryLeft
     };
   }
-}), v = { class: "nut-category" }, $ = { class: "nut-category__cateList" }, I = { key: 0 }, N = ["onClick"];
-function S(e, a, d, r, n, p) {
-  return o(), s("div", v, [
-    l("div", $, [
-      e.type == "classify" || e.type == "text" ? (o(), s("div", I, [
-        (o(!0), s(m, null, y(e.category, (t, c) => (o(), s("div", {
-          class: "nut-category__cateListLeft",
-          key: c
-        }, [
-          l("div", {
-            class: u([e.checkIndex == c ? "nut-category__cateListItemChecked" : "nut-category__cateListItem"]),
-            onClick: (B) => e.getChildList(c)
-          }, _(t.catName), 11, N)
-        ]))), 128))
-      ])) : f("", !0),
-      g(e.$slots, "default")
+});
+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")
     ])
   ]);
 }
-const F = /* @__PURE__ */ L(C, [["render", S]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  F as default
+  index as default
 };

package/dist/packages/_es/CategoryPane.js

@@ -1,8 +1,9 @@
-import { c as u } from "./component-234624bc.js";
-import { openBlock as t, createElementBlock as n, Fragment as s, renderList as r, createElementVNode as l, toDisplayString as _, createCommentVNode as i } from "vue";
-import { _ as C } from "./_plugin-vue_export-helper-dad06003.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { openBlock, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, createCommentVNode } from "vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { componentName: H, create: v } = u("category-pane"), m = v({
+const { componentName, create } = createComponent("category-pane");
+const _sfc_main = create({
   props: {
     //分类模式
     type: {
@@ -20,73 +21,98 @@ const { componentName: H, create: v } = u("category-pane"), m = v({
       default: () => []
     }
   },
-  setup(o, { emit: p }) {
+  setup(props, { emit }) {
+    const onChange = (sku) => {
+      emit("onChange", sku);
+    };
     return {
-      onChange: (y) => {
-        p("onChange", y);
-      }
+      onChange
     };
   }
-}), f = { class: "nut-category-pane" }, N = {
+});
+const _hoisted_1 = { class: "nut-category-pane" };
+const _hoisted_2 = {
   key: 0,
   class: "nut-category-pane__cateListRight"
-}, I = { class: "nut-category-pane__childTitle" }, L = {
+};
+const _hoisted_3 = { class: "nut-category-pane__childTitle" };
+const _hoisted_4 = {
   key: 0,
   class: "nut-category-pane__childItemList"
-}, $ = ["onClick"], T = ["src"], k = { class: "nut-category-pane__skuImg" }, A = {
+};
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = ["src"];
+const _hoisted_7 = { class: "nut-category-pane__skuImg" };
+const _hoisted_8 = {
   key: 1,
   class: "nut-category-pane__cateListRight"
-}, B = { class: "nut-category-pane__childTitle" }, E = {
+};
+const _hoisted_9 = { class: "nut-category-pane__childTitle" };
+const _hoisted_10 = {
   key: 0,
   class: "nut-category-pane__childItemList"
-}, R = ["onClick"], S = { class: "nut-category-pane__skuName" }, V = {
+};
+const _hoisted_11 = ["onClick"];
+const _hoisted_12 = { class: "nut-category-pane__skuName" };
+const _hoisted_13 = {
   key: 2,
   class: "nut-category-pane__selfItemList"
-}, b = ["onClick"];
-function D(o, p, g, y, F, j) {
-  return t(), n("div", f, [
-    o.type == "classify" ? (t(), n("div", N, [
-      (t(!0), n(s, null, r(o.categoryChild, (e, c) => (t(), n("div", { key: c }, [
-        l("div", I, _(e == null ? void 0 : e.catName), 1),
-        (e == null ? void 0 : e.catType) == 1 ? (t(), n("div", L, [
-          (t(!0), n(s, null, r(e.childCateList, (a, d) => (t(), n("div", {
-            class: "nut-category-pane__childItem",
-            key: d,
-            onClick: (h) => o.onChange(a)
-          }, [
-            l("img", {
-              class: "nut-category-pane__childImg",
-              src: a.backImg
-            }, null, 8, T),
-            l("div", k, _(a == null ? void 0 : a.catName), 1)
-          ], 8, $))), 128))
-        ])) : i("", !0)
-      ]))), 128))
-    ])) : i("", !0),
-    o.type == "text" ? (t(), n("div", A, [
-      (t(!0), n(s, null, r(o.categoryChild, (e, c) => (t(), n("div", { key: c }, [
-        l("div", B, _(e == null ? void 0 : e.catName), 1),
-        (e == null ? void 0 : e.catType) == 1 ? (t(), n("div", E, [
-          (t(!0), n(s, null, r(e.childCateList, (a, d) => (t(), n("div", {
-            class: "nut-category-pane__childItem",
-            key: d,
-            onClick: (h) => o.onChange(a)
-          }, [
-            l("div", S, _(a == null ? void 0 : a.catName), 1)
-          ], 8, R))), 128))
-        ])) : i("", !0)
-      ]))), 128))
-    ])) : i("", !0),
-    o.type == "custom" ? (t(), n("div", V, [
-      (t(!0), n(s, null, r(o.customCategory, (e, c) => (t(), n("div", {
-        class: "nut-category-pane__skuName",
-        key: c,
-        onClick: (a) => o.onChange(e)
-      }, _(e == null ? void 0 : e.catName), 9, b))), 128))
-    ])) : i("", !0)
+};
+const _hoisted_14 = ["onClick"];
+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 == null ? void 0 : item.catName), 1),
+          (item == null ? void 0 : item.catType) == 1 ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(item.childCateList, (sku, key) => {
+              return openBlock(), createElementBlock("div", {
+                class: "nut-category-pane__childItem",
+                key,
+                onClick: ($event) => _ctx.onChange(sku)
+              }, [
+                createElementVNode("img", {
+                  class: "nut-category-pane__childImg",
+                  src: sku.backImg
+                }, null, 8, _hoisted_6),
+                createElementVNode("div", _hoisted_7, toDisplayString(sku == null ? void 0 : sku.catName), 1)
+              ], 8, _hoisted_5);
+            }), 128))
+          ])) : createCommentVNode("", true)
+        ]);
+      }), 128))
+    ])) : createCommentVNode("", true),
+    _ctx.type == "text" ? (openBlock(), createElementBlock("div", _hoisted_8, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.categoryChild, (item, index2) => {
+        return openBlock(), createElementBlock("div", { key: index2 }, [
+          createElementVNode("div", _hoisted_9, toDisplayString(item == null ? void 0 : item.catName), 1),
+          (item == null ? void 0 : item.catType) == 1 ? (openBlock(), createElementBlock("div", _hoisted_10, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(item.childCateList, (sku, key) => {
+              return openBlock(), createElementBlock("div", {
+                class: "nut-category-pane__childItem",
+                key,
+                onClick: ($event) => _ctx.onChange(sku)
+              }, [
+                createElementVNode("div", _hoisted_12, toDisplayString(sku == null ? void 0 : sku.catName), 1)
+              ], 8, _hoisted_11);
+            }), 128))
+          ])) : createCommentVNode("", true)
+        ]);
+      }), 128))
+    ])) : createCommentVNode("", true),
+    _ctx.type == "custom" ? (openBlock(), createElementBlock("div", _hoisted_13, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.customCategory, (sku, key) => {
+        return openBlock(), createElementBlock("div", {
+          class: "nut-category-pane__skuName",
+          key,
+          onClick: ($event) => _ctx.onChange(sku)
+        }, toDisplayString(sku == null ? void 0 : sku.catName), 9, _hoisted_14);
+      }), 128))
+    ])) : createCommentVNode("", true)
   ]);
 }
-const J = /* @__PURE__ */ C(m, [["render", D]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  J as default
+  index as default
 };

package/dist/packages/_es/Cell.js

@@ -1,90 +1,105 @@
-import { computed as d, resolveComponent as g, openBlock as l, createElementBlock as s, normalizeClass as m, normalizeStyle as f, renderSlot as i, createCommentVNode as o, Fragment as $, createElementVNode as k, toDisplayString as a, createTextVNode as h, createBlock as S } from "vue";
-import { c as C } from "./component-234624bc.js";
-import { u as b } from "./index-50eed3d9.js";
-import { p as v } from "./pxCheck-38173291.js";
-import { Right as T } from "@nutui/icons-vue";
-import { _ as R } from "./_plugin-vue_export-helper-dad06003.js";
+import { computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createCommentVNode, Fragment, createElementVNode, toDisplayString, createTextVNode, createBlock } from "vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { u as useRouter } from "./index-54d03fc1.js";
+import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
+import { Right } from "@nutui/icons-vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { componentName: w, create: B } = C("cell"), N = B({
-  components: { Right: T },
+const { componentName, create } = createComponent("cell");
+const _sfc_main = create({
+  components: { Right },
   props: {
     title: { type: String, default: "" },
     subTitle: { type: String, default: "" },
     desc: { type: String, default: "" },
     descTextAlign: { type: String, default: "right" },
-    isLink: { type: Boolean, default: !1 },
+    isLink: { type: Boolean, default: false },
     to: [String, Object],
-    replace: { type: Boolean, default: !1 },
+    replace: { type: Boolean, default: false },
     roundRadius: { type: [String, Number], default: "" },
     url: { type: String, default: "" },
-    center: { type: Boolean, default: !1 },
+    center: { type: Boolean, default: false },
     size: { type: String, default: "" }
     // large
   },
   emits: ["click"],
-  setup(e, { emit: n }) {
-    const c = d(() => {
-      const t = w;
+  setup(props, { emit }) {
+    const classes = computed(() => {
+      const prefixCls = componentName;
       return {
-        [t]: !0,
-        [`${t}--clickable`]: e.isLink || e.to,
-        [`${t}--center`]: e.center,
-        [`${t}--large`]: e.size == "large"
+        [prefixCls]: true,
+        [`${prefixCls}--clickable`]: props.isLink || props.to,
+        [`${prefixCls}--center`]: props.center,
+        [`${prefixCls}--large`]: props.size == "large"
       };
-    }), r = b(), u = d(() => ({
-      borderRadius: v(e.roundRadius)
-    }));
+    });
+    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: (t) => {
-        n("click", t), e.to && r ? r[e.replace ? "replace" : "push"](e.to) : e.url && (e.replace ? location.replace(e.url) : location.href = e.url);
-      },
-      classes: c,
-      baseStyle: u
+      handleClick,
+      classes,
+      baseStyle
     };
   }
-}), z = {
+});
+const _hoisted_1 = {
   key: 0,
   class: "nut-cell__icon"
-}, L = {
+};
+const _hoisted_2 = {
   key: 1,
   class: "nut-cell__title"
-}, V = { class: "title" }, A = { class: "nut-cell__title-desc" };
-function E(e, n, c, r, u, y) {
-  const t = g("Right");
-  return l(), s("view", {
-    class: m(e.classes),
-    style: f(e.baseStyle),
-    onClick: n[0] || (n[0] = (...p) => e.handleClick && e.handleClick(...p))
+};
+const _hoisted_3 = { class: "title" };
+const _hoisted_4 = { class: "nut-cell__title-desc" };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Right = resolveComponent("Right");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes),
+    style: normalizeStyle(_ctx.baseStyle),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
   }, [
-    i(e.$slots, "default", {}, () => [
-      e.$slots.icon ? (l(), s("view", z, [
-        i(e.$slots, "icon")
-      ])) : o("", !0),
-      e.title || e.subTitle || e.$slots.title ? (l(), s("view", L, [
-        e.subTitle ? (l(), s($, { key: 0 }, [
-          i(e.$slots, "title", {}, () => [
-            k("view", V, a(e.title), 1)
+    renderSlot(_ctx.$slots, "default", {}, () => [
+      _ctx.$slots.icon ? (openBlock(), createElementBlock("view", _hoisted_1, [
+        renderSlot(_ctx.$slots, "icon")
+      ])) : 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)
           ]),
-          k("view", A, a(e.subTitle), 1)
-        ], 64)) : i(e.$slots, "title", { key: 1 }, () => [
-          h(a(e.title), 1)
+          createElementVNode("view", _hoisted_4, toDisplayString(_ctx.subTitle), 1)
+        ], 64)) : renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
+          createTextVNode(toDisplayString(_ctx.title), 1)
         ])
-      ])) : o("", !0),
-      e.desc ? (l(), s("view", {
+      ])) : createCommentVNode("", true),
+      _ctx.desc ? (openBlock(), createElementBlock("view", {
         key: 2,
-        class: m(["nut-cell__value", { "nut-cell__value--alone": !e.title && !e.subTitle && !e.$slots.title }]),
-        style: f({ "text-align": e.descTextAlign })
-      }, a(e.desc), 7)) : o("", !0),
-      i(e.$slots, "link", {}, () => [
-        e.isLink || e.to ? (l(), S(t, {
+        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_Right, {
           key: 0,
           class: "nut-cell__link"
-        })) : o("", !0)
+        })) : createCommentVNode("", true)
       ])
     ])
   ], 6);
 }
-const H = /* @__PURE__ */ R(N, [["render", E]]);
+const Cell = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", render]]);
 export {
-  H as default
+  Cell as default
 };

package/dist/packages/_es/CellGroup.js

@@ -1,38 +1,46 @@
-import { computed as c, openBlock as t, createElementBlock as s, normalizeClass as a, renderSlot as o, toDisplayString as r, createCommentVNode as l, createElementVNode as p } from "vue";
-import { c as i } from "./component-234624bc.js";
-import { _ as u } from "./_plugin-vue_export-helper-dad06003.js";
+import { computed, openBlock, createElementBlock, normalizeClass, renderSlot, toDisplayString, createCommentVNode, createElementVNode } 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: d, create: m } = i("cell-group"), f = m({
+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: c(() => ({
-        [d]: !0
-      }))
+      classes
     };
   }
-}), _ = {
+});
+const _hoisted_1 = {
   key: 1,
   class: "nut-cell-group__title"
-}, $ = {
+};
+const _hoisted_2 = {
   key: 3,
   class: "nut-cell-group__desc"
-}, g = { class: "nut-cell-group__wrap" };
-function y(e, n, k, C, w, h) {
-  return t(), s("view", {
-    class: a(e.classes)
+};
+const _hoisted_3 = { class: "nut-cell-group__wrap" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
   }, [
-    e.$slots.title ? o(e.$slots, "title", { key: 0 }) : e.title ? (t(), s("view", _, r(e.title), 1)) : l("", !0),
-    e.$slots.desc ? o(e.$slots, "desc", { key: 2 }) : e.desc ? (t(), s("view", $, r(e.desc), 1)) : l("", !0),
-    p("view", g, [
-      o(e.$slots, "default")
+    _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);
 }
-const E = /* @__PURE__ */ u(f, [["render", y]]);
+const CellGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  E as default
+  CellGroup as default
 };