@nutui/nutui 3.1.19-beta.7 → 3.1.20-beta.0

package/dist/packages/_es/Avatar.js

@@ -1,17 +1,34 @@
+var __defProp = Object.defineProperty;
+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;
+};
 /*!
-* @nutui/nutui v3.1.19-beta.7 Wed Apr 13 2022 10:29:11 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.20-beta.0 Mon Apr 25 2022 18:02:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeStyle, normalizeClass, createVNode, renderSlot, createCommentVNode } from "vue";
+import { toRefs, inject, ref, reactive, onMounted, computed, resolveComponent, openBlock, createElementBlock, normalizeStyle, normalizeClass, Fragment, createBlock, createCommentVNode, renderSlot, toDisplayString } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import "../locale/lang";
 const { componentName, create } = createComponent("avatar");
 const _sfc_main = create({
   props: {
     size: {
       type: String,
-      default: "normal"
+      default: ""
     },
     shape: {
       type: String,
@@ -21,28 +38,69 @@ const _sfc_main = create({
       type: String,
       default: "#eee"
     },
+    color: {
+      type: String,
+      default: "#666"
+    },
+    url: {
+      type: String,
+      default: ""
+    },
+    alt: {
+      type: String,
+      default: ""
+    },
     icon: {
       type: String,
       default: ""
     }
   },
-  emits: ["active-avatar"],
+  emits: ["active-avatar", "onError"],
   setup(props, { emit, slots }) {
-    const { size, shape, bgColor, icon } = toRefs(props);
+    const { size, shape, bgColor, color, icon } = toRefs(props);
     const sizeValue = ["large", "normal", "small"];
+    const avatarGroup = inject("avatarGroup", null);
+    const avatarRef = ref(null);
+    const visible = reactive({
+      lightTheme: false
+    });
+    const state = reactive({
+      index: 1,
+      showMax: false,
+      maxIndex: 0
+    });
+    onMounted(() => {
+      var _a, _b;
+      const children = (_b = (_a = avatarGroup == null ? void 0 : avatarGroup.avatarGroupRef) == null ? void 0 : _a.value) == null ? void 0 : _b.children;
+      if (children) {
+        avatarLength(children);
+      }
+    });
     const classes = computed(() => {
+      var _a, _b;
       const prefixCls = componentName;
       return {
         [prefixCls]: true,
-        ["avatar-" + size.value]: true,
-        ["avatar-" + shape.value]: true
+        [`nut-avatar-${size.value || ((_a = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _a.size) || "normal"}`]: true,
+        [`nut-avatar-${shape.value || ((_b = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _b.shape) || "normal"}`]: true
       };
     });
     const styles = computed(() => {
+      var _a, _b, _c;
       return {
         width: sizeValue.indexOf(size.value) > -1 ? "" : `${size.value}px`,
         height: sizeValue.indexOf(size.value) > -1 ? "" : `${size.value}px`,
-        backgroundColor: `${bgColor.value}`
+        backgroundColor: `${bgColor.value}`,
+        color: `${color.value}`,
+        marginLeft: state.index != 1 && (((_a = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _a.span) ? `${(_b = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _b.span}px` : ""),
+        zIndex: ((_c = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _c.zIndex) == "right" ? `${Math.abs(state.maxIndex - state.index)}` : ""
+      };
+    });
+    const maxStyles = computed(() => {
+      var _a, _b;
+      return {
+        backgroundColor: `${(_a = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _a.maxBgColor}`,
+        color: `${(_b = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _b.maxColor}`
       };
     });
     const iconStyles = computed(() => {
@@ -51,37 +109,75 @@ const _sfc_main = create({
     const isShowText = computed(() => {
       return slots.default;
     });
+    const avatarLength = (children) => {
+      var _a, _b, _c;
+      state.maxIndex = children.length;
+      for (let i = 0; i < children.length; i++) {
+        if (children[i] && children[i].classList && children[i].classList[0] == "nut-avatar") {
+          children[i].setAttribute("data-index", i + 1);
+        }
+      }
+      state.index = (_b = (_a = avatarRef == null ? void 0 : avatarRef.value) == null ? void 0 : _a.dataset) == null ? void 0 : _b.index;
+      if (state.index == state.maxIndex && state.index != ((_c = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _c.maxCount)) {
+        state.showMax = true;
+      }
+    };
     const activeAvatar = (event) => {
       emit("active-avatar", event);
     };
-    return {
+    const onError = (event) => {
+      emit("onError", event);
+    };
+    return __spreadValues({
       classes,
       styles,
       iconStyles,
       isShowText,
-      activeAvatar
-    };
+      maxStyles,
+      activeAvatar,
+      onError,
+      avatarGroup,
+      visible,
+      avatarRef
+    }, toRefs(state));
   }
 });
-const _hoisted_1 = {
-  key: 0,
+const _hoisted_1 = ["src", "alt"];
+const _hoisted_2 = {
+  key: 2,
+  class: "text"
+};
+const _hoisted_3 = {
+  key: 1,
   class: "text"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
   const _component_nut_icon = resolveComponent("nut-icon");
-  return openBlock(), createElementBlock("view", {
-    style: normalizeStyle(_ctx.styles),
+  return _ctx.showMax || !((_b = (_a = _ctx.avatarGroup) == null ? void 0 : _a.props) == null ? void 0 : _b.maxCount) || _ctx.index <= ((_d = (_c = _ctx.avatarGroup) == null ? void 0 : _c.props) == null ? void 0 : _d.maxCount) ? (openBlock(), createElementBlock("view", {
+    key: 0,
+    style: normalizeStyle(!_ctx.showMax ? _ctx.styles : _ctx.maxStyles),
     class: normalizeClass(_ctx.classes),
-    onClick: _cache[0] || (_cache[0] = ($event) => _ctx.activeAvatar(_ctx.e))
+    onClick: _cache[1] || (_cache[1] = ($event) => _ctx.activeAvatar(_ctx.e)),
+    ref: "avatarRef"
   }, [
-    createVNode(_component_nut_icon, {
-      class: "icon",
-      name: _ctx.iconStyles
-    }, null, 8, ["name"]),
-    _ctx.isShowText ? (openBlock(), createElementBlock("view", _hoisted_1, [
-      renderSlot(_ctx.$slots, "default")
-    ])) : createCommentVNode("", true)
-  ], 6);
+    !((_f = (_e = _ctx.avatarGroup) == null ? void 0 : _e.props) == null ? void 0 : _f.maxCount) || _ctx.index <= ((_h = (_g = _ctx.avatarGroup) == null ? void 0 : _g.props) == null ? void 0 : _h.maxCount) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+      _ctx.url ? (openBlock(), createElementBlock("img", {
+        key: 0,
+        src: _ctx.url,
+        alt: _ctx.alt,
+        onError: _cache[0] || (_cache[0] = (...args) => _ctx.onError && _ctx.onError(...args))
+      }, null, 40, _hoisted_1)) : _ctx.icon ? (openBlock(), createBlock(_component_nut_icon, {
+        key: 1,
+        class: "icon",
+        name: _ctx.iconStyles
+      }, null, 8, ["name"])) : createCommentVNode("", true),
+      _ctx.isShowText ? (openBlock(), createElementBlock("view", _hoisted_2, [
+        renderSlot(_ctx.$slots, "default")
+      ])) : createCommentVNode("", true)
+    ], 64)) : createCommentVNode("", true),
+    _ctx.showMax ? (openBlock(), createElementBlock("view", _hoisted_3, toDisplayString(((_j = (_i = _ctx.avatarGroup) == null ? void 0 : _i.props) == null ? void 0 : _j.maxContent) ? (_l = (_k = _ctx.avatarGroup) == null ? void 0 : _k.props) == null ? void 0 : _l.maxContent : `+ ${_ctx.maxIndex - ((_n = (_m = _ctx.avatarGroup) == null ? void 0 : _m.props) == null ? void 0 : _n.maxCount)}`), 1)) : createCommentVNode("", true)
+  ], 6)) : createCommentVNode("", true);
 }
 var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { index as default };

package/dist/packages/_es/AvatarGroup.js

@@ -0,0 +1,78 @@
+/*!
+* @nutui/nutui v3.1.20-beta.0 Mon Apr 25 2022 18:02:52 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { toRefs, ref, computed, onMounted, provide, openBlock, createElementBlock, normalizeClass, 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, create } = createComponent("avatar-group");
+const _sfc_main = create({
+  props: {
+    maxContent: {
+      type: String,
+      default: ""
+    },
+    maxCount: {
+      type: [Number, String],
+      default: ""
+    },
+    maxBgColor: {
+      type: String,
+      default: "#eee"
+    },
+    maxColor: {
+      type: String,
+      default: "#666"
+    },
+    size: {
+      type: String,
+      default: ""
+    },
+    shape: {
+      type: String,
+      default: ""
+    },
+    span: {
+      type: String,
+      default: "-8"
+    },
+    zIndex: {
+      type: String,
+      default: "left"
+    }
+  },
+  setup(props, { emit, slots }) {
+    toRefs(props);
+    const avatarGroupRef = ref(null);
+    const index2 = ref(0);
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    onMounted(() => {
+    });
+    provide("avatarGroup", {
+      props,
+      avatarGroupRef,
+      index: index2
+    });
+    return {
+      classes,
+      avatarGroupRef
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes),
+    ref: "avatarGroupRef"
+  }, [
+    renderSlot(_ctx.$slots, "default")
+  ], 2);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/BackTop.js

@@ -1,11 +1,12 @@
 /*!
-* @nutui/nutui v3.1.19-beta.7 Wed Apr 13 2022 10:29:11 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.20-beta.0 Mon Apr 25 2022 18:02:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { reactive, computed, onMounted, onUnmounted, onActivated, onDeactivated, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, withModifiers, renderSlot, createVNode } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import "../locale/lang";
 const { componentName, create } = createComponent("backtop");
 const _sfc_main = create({
   props: {

package/dist/packages/_es/Badge.js

@@ -1,11 +1,12 @@
 /*!
-* @nutui/nutui v3.1.19-beta.7 Wed Apr 13 2022 10:29:11 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.20-beta.0 Mon Apr 25 2022 18:02:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { reactive, computed, openBlock, createElementBlock, createElementVNode, renderSlot, withDirectives, toDisplayString, normalizeClass, normalizeStyle, vShow } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import "../locale/lang";
 const { create } = createComponent("badge");
 const _sfc_main = create({
   props: {

package/dist/packages/_es/Barrage.js

@@ -1,11 +1,12 @@
 /*!
-* @nutui/nutui v3.1.19-beta.7 Wed Apr 13 2022 10:29:11 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.20-beta.0 Mon Apr 25 2022 18:02:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { computed, ref, onMounted, onUnmounted, onDeactivated, watch, nextTick, openBlock, createElementBlock, normalizeClass, 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, create } = createComponent("barrage");
 const _sfc_main = create({
   props: {

package/dist/packages/_es/Button.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.19-beta.7 Wed Apr 13 2022 10:29:11 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.20-beta.0 Mon Apr 25 2022 18:02:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -7,6 +7,7 @@ import { toRefs, computed, resolveComponent, openBlock, createElementBlock, norm
 import { c as createComponent } from "./component.js";
 import _sfc_main$1 from "./Icon.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import "../locale/lang";
 import "./pxCheck.js";
 const { componentName, create } = createComponent("button");
 const _sfc_main = create({

package/dist/packages/_es/Calendar.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.19-beta.7 Wed Apr 13 2022 10:29:11 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.20-beta.0 Mon Apr 25 2022 18:02:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -7,6 +7,7 @@ import { computed, ref, resolveComponent, openBlock, createBlock, withCtx, creat
 import { c as createComponent } from "./component.js";
 import { C as CalendarItem, U as Utils } from "./index5.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import "../locale/lang";
 import "./raf.js";
 const { create } = createComponent("calendar");
 const _sfc_main = create({

package/dist/packages/_es/CalendarItem.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.19-beta.7 Wed Apr 13 2022 10:29:11 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.20-beta.0 Mon Apr 25 2022 18:02:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -8,3 +8,4 @@ import "./component.js";
 export { C as default } from "./index5.js";
 import "./raf.js";
 import "./plugin-vue_export-helper.js";
+import "../locale/lang";

package/dist/packages/_es/Card.js

@@ -1,11 +1,12 @@
 /*!
-* @nutui/nutui v3.1.19-beta.7 Wed Apr 13 2022 10:29:11 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.20-beta.0 Mon Apr 25 2022 18:02:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { c as createComponent } from "./component.js";
-import { resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, renderSlot, createVNode, createBlock, Fragment, withCtx, createTextVNode } from "vue";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, renderSlot, createVNode, createBlock, createCommentVNode, Fragment, withCtx, createTextVNode } from "vue";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import "../locale/lang";
 const { create } = createComponent("card");
 const _sfc_main = create({
   props: {
@@ -36,6 +37,10 @@ const _sfc_main = create({
     shopName: {
       type: String,
       default: ""
+    },
+    isNeedPrice: {
+      type: Boolean,
+      default: true
     }
   },
   setup(props, { emit, slots }) {
@@ -52,7 +57,10 @@ const _hoisted_2 = { class: "nut-card__left" };
 const _hoisted_3 = ["src"];
 const _hoisted_4 = { class: "nut-card__right" };
 const _hoisted_5 = { class: "nut-card__right__title" };
-const _hoisted_6 = { class: "nut-card__right__price" };
+const _hoisted_6 = {
+  key: 0,
+  class: "nut-card__right__price"
+};
 const _hoisted_7 = { class: "nut-card__right__other" };
 const _hoisted_8 = { class: "nut-card__right__shop" };
 const _hoisted_9 = { class: "nut-card__right__shop__name" };
@@ -69,14 +77,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("div", _hoisted_4, [
       createElementVNode("div", _hoisted_5, toDisplayString(_ctx.title), 1),
       renderSlot(_ctx.$slots, "prolist"),
-      createElementVNode("div", _hoisted_6, [
+      _ctx.isNeedPrice ? (openBlock(), createElementBlock("div", _hoisted_6, [
         createVNode(_component_nut_price, { price: _ctx.price }, null, 8, ["price"]),
         _ctx.isHaveSlot("origin") ? renderSlot(_ctx.$slots, "origin", { key: 0 }) : (openBlock(), createBlock(_component_nut_price, {
           key: 1,
           class: "nut-card__right__price__origin",
           price: _ctx.vipPrice
         }, null, 8, ["price"]))
-      ]),
+      ])) : createCommentVNode("", true),
       createElementVNode("div", _hoisted_7, [
         _ctx.isHaveSlot("shop-tag") ? renderSlot(_ctx.$slots, "shop-tag", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
           createVNode(_component_nut_tag, { type: "danger" }, {

package/dist/packages/_es/Cascader.js

@@ -30,18 +30,19 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
 /*!
-* @nutui/nutui v3.1.19-beta.7 Wed Apr 13 2022 10:29:11 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.20-beta.0 Mon Apr 25 2022 18:02:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { computed, ref, watch, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, createVNode } from "vue";
+import { popupProps } from "./Popup.js";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import "./OverLay.js";
+import "../locale/lang";
+import "./Icon.js";
+import "./pxCheck.js";
 const formatTree = (tree, parent, config) => tree.map((node) => {
   const { value: valueKey = "value", text: textKey = "text", children: childrenKey = "children" } = config;
   const _a = node, { [valueKey]: value, [textKey]: text, [childrenKey]: children } = _a, others = __objRest(_a, [__restKey(valueKey), __restKey(textKey), __restKey(childrenKey)]);
@@ -104,8 +105,6 @@ const convertListToOptions = (list, options) => {
 };
 class Tree {
   constructor(nodes, config) {
-    __publicField(this, "nodes");
-    __publicField(this, "config");
     this.config = __spreadValues({
       value: "value",
       text: "text",
@@ -130,24 +129,21 @@ class Tree {
     });
     return foundNode;
   }
-  getPathNodesByNode(node) {
-    const nodes = [];
-    while (node) {
-      nodes.unshift(node);
-      node = node._parent;
-    }
-    return nodes;
-  }
   getPathNodesByValue(value) {
-    if (Array.isArray(value) && !value.length) {
+    if (!value.length) {
       return [];
     }
-    const tail = Array.isArray(value) ? value[value.length - 1] : value;
-    const node = this.getNodeByValue(tail);
-    if (!node) {
-      return [];
+    const pathNodes = [];
+    let currentNodes = this.nodes;
+    while (currentNodes && currentNodes.length) {
+      const foundNode = currentNodes.find((node) => node.value === value[node.level]);
+      if (!foundNode) {
+        break;
+      }
+      pathNodes.push(foundNode);
+      currentNodes = foundNode.children;
     }
-    return this.getPathNodesByNode(node);
+    return pathNodes;
   }
   isLeaf(node, lazy) {
     const { leaf, children } = node;
@@ -451,7 +447,7 @@ const _sfc_main = create({
   components: {
     [CascaderItem.name]: CascaderItem
   },
-  props: {
+  props: __spreadProps(__spreadValues({}, popupProps), {
     modelValue: Array,
     visible: Boolean,
     title: String,
@@ -474,7 +470,7 @@ const _sfc_main = create({
       default: "children"
     },
     convertConfig: Object
-  },
+  }),
   emits: ["update:modelValue", "change", "pathChange", "update:visible"],
   setup(props, { emit }) {
     const innerValue = ref(props.modelValue);
@@ -508,10 +504,7 @@ const _sfc_main = create({
     };
   }
 });
-const _hoisted_1 = {
-  key: 0,
-  class: "nut-cascader__bar"
-};
+const _hoisted_1 = ["innerHTML"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_cascader_item = resolveComponent("nut-cascader-item");
   const _component_nut_popup = resolveComponent("nut-popup");
@@ -521,11 +514,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     position: "bottom",
     "pop-class": "nut-cascader__popup",
     round: "",
-    closeable: true,
-    "destroy-on-close": false
+    closeable: !_ctx.closeable,
+    "close-icon": _ctx.closeIcon,
+    "destroy-on-close": false,
+    "close-icon-position": _ctx.closeIconPosition
   }, {
     default: withCtx(() => [
-      _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+      _ctx.title ? (openBlock(), createElementBlock("view", {
+        key: 0,
+        class: "nut-cascader__bar",
+        innerHTML: _ctx.title
+      }, null, 8, _hoisted_1)) : createCommentVNode("", true),
       createVNode(_component_nut_cascader_item, {
         onChange: _ctx.onChange,
         onPathChange: _ctx.onPathChange,
@@ -541,7 +540,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["onChange", "onPathChange", "modelValue", "options", "lazy", "lazy-load", "value-key", "text-key", "children-key", "convert-config", "visible"])
     ]),
     _: 1
-  }, 8, ["visible"]);
+  }, 8, ["visible", "closeable", "close-icon", "close-icon-position"]);
 }
 var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { index as default };

package/dist/packages/_es/Category.js

@@ -0,0 +1,63 @@
+/*!
+* @nutui/nutui v3.1.20-beta.0 Mon Apr 25 2022 18:02:52 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+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, 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 };