@nutui/nutui 3.1.22 → 3.1.23-beta.0

package/dist/packages/_es/Table.js

@@ -1,23 +1,183 @@
 /*!
-* @nutui/nutui v3.1.22 Fri Jun 24 2022 18:11:16 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:50 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { c as t } from "./component.js";
-import { h as e, reactive as a, computed as s, watch as l, toRefs as r, resolveComponent as n, openBlock as o, createElementBlock as _, normalizeClass as u, createElementVNode as c, Fragment as i, renderList as d, createTextVNode as m, toDisplayString as p, renderSlot as y, createBlock as b, createCommentVNode as f } from "vue";
-import { _ as v } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component.js";
+import { h, reactive, computed, watch, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, createTextVNode, toDisplayString, renderSlot, createBlock, createCommentVNode } from "vue";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-var k = { setup: (t2) => () => e("view", {}, t2.slots[0] ? t2.slots[0](t2.record) : t2.slots[1](t2.record)), props: { slots: Array, record: Object } };
-const { componentName: w, create: C, translate: D } = t("table"), h = C(((t2, e2) => ({ components: { RenderColumn: k }, props: { bordered: { type: Boolean, default: true }, columns: { type: Array, default: () => [] }, data: { type: Object, default: () => ({}) }, summary: { type: Function, default: null }, striped: { type: Boolean, default: false } }, emits: ["sorter"], setup(n2, { emit: o2, slots: _2 }) {
-  const u2 = a({ curData: n2.data }), c2 = s(() => ({ [t2]: true }));
-  return l(() => n2.data, (t3) => {
-    u2.curData = t3.slice();
-  }), { ...r(u2), classes: c2, cellClasses: (t3) => ({ "nut-table__main__head__tr--border": n2.bordered, [`nut-table__main__head__tr--align${t3.align ? t3.align : ""}`]: true }), getColumnItem: (t3) => n2.columns.filter((e3) => e3.key === t3)[0], handleSorterClick: (t3) => {
-    t3.sorter && (o2("sorter", t3), u2.curData = typeof t3.sorter == "function" ? u2.curData.sort(t3.sorter) : t3.sorter === "default" ? u2.curData.sort() : u2.curData);
-  }, sortDataItem: () => n2.columns.map((t3) => [t3.key, t3.render]), translate: e2 };
-} }))(w, D)), g = { class: "nut-table__main__head" }, x = { class: "nut-table__main__head__tr" }, $ = ["onClick"], j = { class: "nut-table__main__body" }, I = { key: 1 }, A = { key: 0, class: "nut-table__summary" }, B = ["innerHTML"], H = { key: 1, class: "nut-table__nodata" }, L = { key: 0, class: "nut-table__nodata__text" };
-var M = v(h, [["render", function(t2, e2, a2, s2, l2, r2) {
-  const v2 = n("nut-icon"), k2 = n("RenderColumn");
-  return o(), _("view", { class: u(t2.classes) }, [c("view", { class: u(["nut-table__main", { "nut-table__main--striped": t2.striped }]) }, [c("view", g, [c("view", x, [(o(true), _(i, null, d(t2.columns, (e3) => (o(), _("span", { class: u(["nut-table__main__head__tr__th", t2.cellClasses(e3)]), key: e3.key, onClick: (a3) => t2.handleSorterClick(e3) }, [m(p(e3.title) + " ", 1), y(t2.$slots, "icon"), !t2.$slots.icon && e3.sorter ? (o(), b(v2, { key: 0, name: "down-arrow", size: "12px" })) : f("", true)], 10, $))), 128))])]), c("view", j, [(o(true), _(i, null, d(t2.curData, (e3) => (o(), _("view", { class: "nut-table__main__body__tr", key: e3 }, [(o(true), _(i, null, d(t2.sortDataItem(), ([a3, s3]) => (o(), _("span", { class: u(["nut-table__main__body__tr__td", t2.cellClasses(t2.getColumnItem(a3))]), key: a3 }, [typeof e3[a3] == "function" || typeof s3 == "function" ? (o(), b(k2, { key: 0, slots: [s3, e3[a3]], record: e3 }, null, 8, ["slots", "record"])) : (o(), _("view", I, p(e3[a3]), 1))], 2))), 128))]))), 128))])], 2), t2.summary ? (o(), _("view", A, [c("span", { class: "nut-table__summary__text", innerHTML: t2.summary().value }, null, 8, B)])) : f("", true), t2.curData.length ? f("", true) : (o(), _("view", H, [c("div", { class: u(["nut-table__nodata", { "nut-table__nodata--border": t2.bordered }]) }, [y(t2.$slots, "nodata"), t2.$slots.nodata ? f("", true) : (o(), _("div", L, p(t2.translate("noData")), 1))], 2)]))], 2);
-}]]);
-export { M as default };
+var RenderColumn = {
+  setup(props) {
+    return () => h(`view`, {}, props.slots[0] ? props.slots[0](props.record) : props.slots[1](props.record));
+  },
+  props: {
+    slots: Array,
+    record: Object
+  }
+};
+const component = (componentName2, translate2) => {
+  return {
+    components: {
+      RenderColumn
+    },
+    props: {
+      bordered: {
+        type: Boolean,
+        default: true
+      },
+      columns: {
+        type: Array,
+        default: () => {
+          return [];
+        }
+      },
+      data: {
+        type: Object,
+        default: () => {
+          return {};
+        }
+      },
+      summary: {
+        type: Function,
+        default: null
+      },
+      striped: {
+        type: Boolean,
+        default: false
+      }
+    },
+    emits: ["sorter"],
+    setup(props, { emit, slots }) {
+      const state = reactive({
+        curData: props.data
+      });
+      const classes = computed(() => {
+        const prefixCls = componentName2;
+        return {
+          [prefixCls]: true
+        };
+      });
+      const cellClasses = (item) => {
+        return {
+          "nut-table__main__head__tr--border": props.bordered,
+          [`nut-table__main__head__tr--align${item.align ? item.align : ""}`]: true
+        };
+      };
+      const getColumnItem = (value) => {
+        return props.columns.filter((item) => item.key === value)[0];
+      };
+      const handleSorterClick = (item) => {
+        if (item.sorter) {
+          emit("sorter", item);
+          state.curData = typeof item.sorter === "function" ? state.curData.sort(item.sorter) : item.sorter === "default" ? state.curData.sort() : state.curData;
+        }
+      };
+      const sortDataItem = () => {
+        return props.columns.map((columns) => {
+          return [columns.key, columns.render];
+        });
+      };
+      watch(() => props.data, (val) => {
+        state.curData = val.slice();
+      });
+      return {
+        ...toRefs(state),
+        classes,
+        cellClasses,
+        getColumnItem,
+        handleSorterClick,
+        sortDataItem,
+        translate: translate2
+      };
+    }
+  };
+};
+const { componentName, create, translate } = createComponent("table");
+const _sfc_main = create(component(componentName, translate));
+const _hoisted_1 = { class: "nut-table__main__head" };
+const _hoisted_2 = { class: "nut-table__main__head__tr" };
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "nut-table__main__body" };
+const _hoisted_5 = { key: 1 };
+const _hoisted_6 = {
+  key: 0,
+  class: "nut-table__summary"
+};
+const _hoisted_7 = ["innerHTML"];
+const _hoisted_8 = {
+  key: 1,
+  class: "nut-table__nodata"
+};
+const _hoisted_9 = {
+  key: 0,
+  class: "nut-table__nodata__text"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_RenderColumn = resolveComponent("RenderColumn");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
+  }, [
+    createElementVNode("view", {
+      class: normalizeClass(["nut-table__main", { "nut-table__main--striped": _ctx.striped }])
+    }, [
+      createElementVNode("view", _hoisted_1, [
+        createElementVNode("view", _hoisted_2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (item) => {
+            return openBlock(), createElementBlock("span", {
+              class: normalizeClass(["nut-table__main__head__tr__th", _ctx.cellClasses(item)]),
+              key: item.key,
+              onClick: ($event) => _ctx.handleSorterClick(item)
+            }, [
+              createTextVNode(toDisplayString(item.title) + " ", 1),
+              renderSlot(_ctx.$slots, "icon"),
+              !_ctx.$slots.icon && item.sorter ? (openBlock(), createBlock(_component_nut_icon, {
+                key: 0,
+                name: "down-arrow",
+                size: "12px"
+              })) : createCommentVNode("", true)
+            ], 10, _hoisted_3);
+          }), 128))
+        ])
+      ]),
+      createElementVNode("view", _hoisted_4, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.curData, (item) => {
+          return openBlock(), createElementBlock("view", {
+            class: "nut-table__main__body__tr",
+            key: item
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.sortDataItem(), ([value, render]) => {
+              return openBlock(), createElementBlock("span", {
+                class: normalizeClass(["nut-table__main__body__tr__td", _ctx.cellClasses(_ctx.getColumnItem(value))]),
+                key: value
+              }, [
+                typeof item[value] === "function" || typeof render === "function" ? (openBlock(), createBlock(_component_RenderColumn, {
+                  key: 0,
+                  slots: [render, item[value]],
+                  record: item
+                }, null, 8, ["slots", "record"])) : (openBlock(), createElementBlock("view", _hoisted_5, toDisplayString(item[value]), 1))
+              ], 2);
+            }), 128))
+          ]);
+        }), 128))
+      ])
+    ], 2),
+    _ctx.summary ? (openBlock(), createElementBlock("view", _hoisted_6, [
+      createElementVNode("span", {
+        class: "nut-table__summary__text",
+        innerHTML: _ctx.summary().value
+      }, null, 8, _hoisted_7)
+    ])) : createCommentVNode("", true),
+    !_ctx.curData.length ? (openBlock(), createElementBlock("view", _hoisted_8, [
+      createElementVNode("div", {
+        class: normalizeClass(["nut-table__nodata", { "nut-table__nodata--border": _ctx.bordered }])
+      }, [
+        renderSlot(_ctx.$slots, "nodata"),
+        !_ctx.$slots.nodata ? (openBlock(), createElementBlock("div", _hoisted_9, toDisplayString(_ctx.translate("noData")), 1)) : createCommentVNode("", true)
+      ], 2)
+    ])) : createCommentVNode("", true)
+  ], 2);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Tabs.js

@@ -1,52 +1,211 @@
 /*!
-* @nutui/nutui v3.1.22 Fri Jun 24 2022 18:11:16 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:50 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { c as e } from "./component.js";
-import { p as t } from "./pxCheck.js";
-import { provide as l, computed as a, ref as i, watch as s, onMounted as n, onActivated as o, resolveComponent as r, openBlock as u, createElementBlock as p, normalizeClass as c, createElementVNode as d, normalizeStyle as y, renderSlot as m, Fragment as b, renderList as g, createCommentVNode as v, createVNode as f, toDisplayString as h } from "vue";
-import { _ } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component.js";
+import { p as pxCheck } from "./pxCheck.js";
+import { provide, computed, ref, watch, onMounted, onActivated, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, renderSlot, Fragment, renderList, createCommentVNode, createVNode, toDisplayString } from "vue";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-class S {
+class Title {
   constructor() {
-    this.title = "", this.paneKey = "", this.disabled = false;
+    this.title = "";
+    this.paneKey = "";
+    this.disabled = false;
   }
 }
-const k = { props: { modelValue: { type: [String, Number], default: 0 }, color: { type: String, default: "" }, direction: { type: String, default: "horizontal" }, size: { type: String, default: "normal" }, type: { type: String, default: "line" }, titleScroll: { type: Boolean, default: false }, ellipsis: { type: Boolean, default: true }, autoHeight: { type: Boolean, default: false }, background: { type: String, default: "" }, animatedTime: { type: [Number, String], default: 300 }, titleGutter: { type: [Number, String], default: 0 } }, components: {}, emits: ["update:modelValue", "click", "change"], setup(e2, { emit: r2, slots: u2 }) {
-  l("activeKey", { activeKey: a(() => e2.modelValue) }), l("autoHeight", { autoHeight: a(() => e2.autoHeight) });
-  const p2 = i([]), c2 = (e3) => {
-    e3.forEach((e4, t2) => {
-      var _a, _b, _c, _d, _e, _f, _g;
-      let l2 = e4.type;
-      if (l2 = l2.name || l2, l2 == "nut-tabpane") {
-        let l3 = new S();
-        (((_a = e4.props) == null ? void 0 : _a.title) || ((_b = e4.props) == null ? void 0 : _b["pane-key"]) || ((_c = e4.props) == null ? void 0 : _c.paneKey)) && (l3.title = (_d = e4.props) == null ? void 0 : _d.title, l3.paneKey = ((_e = e4.props) == null ? void 0 : _e["pane-key"]) || ((_f = e4.props) == null ? void 0 : _f.paneKey) || t2, l3.disabled = (_g = e4.props) == null ? void 0 : _g.disabled), p2.value.push(l3);
-      } else
-        c2(e4.children);
+const component = {
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: 0
+    },
+    color: {
+      type: String,
+      default: ""
+    },
+    direction: {
+      type: String,
+      default: "horizontal"
+    },
+    size: {
+      type: String,
+      default: "normal"
+    },
+    type: {
+      type: String,
+      default: "line"
+    },
+    titleScroll: {
+      type: Boolean,
+      default: false
+    },
+    ellipsis: {
+      type: Boolean,
+      default: true
+    },
+    autoHeight: {
+      type: Boolean,
+      default: false
+    },
+    background: {
+      type: String,
+      default: ""
+    },
+    animatedTime: {
+      type: [Number, String],
+      default: 300
+    },
+    titleGutter: {
+      type: [Number, String],
+      default: 0
+    }
+  },
+  components: {},
+  emits: ["update:modelValue", "click", "change"],
+  setup(props, { emit, slots }) {
+    provide("activeKey", { activeKey: computed(() => props.modelValue) });
+    provide("autoHeight", { autoHeight: computed(() => props.autoHeight) });
+    const titles = ref([]);
+    const renderTitles = (vnodes) => {
+      vnodes.forEach((vnode, index2) => {
+        var _a, _b, _c, _d, _e, _f, _g;
+        let type = vnode.type;
+        type = type.name || type;
+        if (type == "nut-tabpane") {
+          let title = new Title();
+          if (((_a = vnode.props) == null ? void 0 : _a.title) || ((_b = vnode.props) == null ? void 0 : _b["pane-key"]) || ((_c = vnode.props) == null ? void 0 : _c["paneKey"])) {
+            title.title = (_d = vnode.props) == null ? void 0 : _d.title;
+            title.paneKey = ((_e = vnode.props) == null ? void 0 : _e["pane-key"]) || ((_f = vnode.props) == null ? void 0 : _f["paneKey"]) || index2;
+            title.disabled = (_g = vnode.props) == null ? void 0 : _g.disabled;
+          }
+          titles.value.push(title);
+        } else {
+          renderTitles(vnode.children);
+        }
+      });
+    };
+    const currentIndex = ref(props.modelValue || 0);
+    const findTabsIndex = (value) => {
+      let index2 = titles.value.findIndex((item) => item.paneKey == value);
+      if (titles.value.length == 0) {
+        console.error("[NutUI] <Tabs> \u5F53\u524D\u672A\u627E\u5230 TabPane \u7EC4\u4EF6\u5143\u7D20 , \u8BF7\u68C0\u67E5 .");
+      } else if (index2 == -1) {
+        console.error("[NutUI] <Tabs> \u8BF7\u68C0\u67E5 v-model \u503C\u662F\u5426\u4E3A paneKey ,\u5982 paneKey \u672A\u8BBE\u7F6E\uFF0C\u8BF7\u91C7\u7528\u4E0B\u6807\u63A7\u5236 .");
+      } else {
+        currentIndex.value = index2;
+      }
+    };
+    const init = (vnodes = ((_a) => (_a = slots.default) == null ? void 0 : _a.call(slots))()) => {
+      titles.value = [];
+      if (vnodes && vnodes.length) {
+        renderTitles(vnodes);
+      }
+      findTabsIndex(props.modelValue);
+    };
+    watch(() => {
+      var _a;
+      return (_a = slots.default) == null ? void 0 : _a.call(slots);
+    }, (vnodes) => {
+      init(vnodes);
     });
-  }, d2 = i(e2.modelValue || 0), y2 = (e3) => {
-    let t2 = p2.value.findIndex((t3) => t3.paneKey == e3);
-    p2.value.length == 0 || t2 == -1 || (d2.value = t2);
-  }, m2 = (t2 = ((_a) => (_a = u2.default) == null ? void 0 : _a.call(u2))()) => {
-    p2.value = [], t2 && t2.length && c2(t2), y2(e2.modelValue);
-  };
-  s(() => {
-    var _a;
-    return (_a = u2.default) == null ? void 0 : _a.call(u2);
-  }, (e3) => {
-    m2(e3);
-  }), s(() => e2.modelValue, (e3) => {
-    y2(e3);
-  }), n(m2), o(m2);
-  const b2 = a(() => ({ transform: e2.direction == "horizontal" ? `translate3d(-${100 * d2.value}%, 0, 0)` : `translate3d( 0,-${100 * d2.value}%, 0)`, transitionDuration: `${e2.animatedTime}ms` })), g2 = a(() => ({ background: e2.background })), v2 = a(() => ({ color: e2.type == "smile" ? e2.color : "", background: e2.type == "line" ? e2.color : "" })), f2 = a(() => ({ marginLeft: t(e2.titleGutter), marginRight: t(e2.titleGutter) })), h2 = { tabChange: (e3, t2) => {
-    r2("click", e3), e3.disabled || (d2.value = t2, r2("update:modelValue", e3.paneKey), r2("change", e3));
-  } };
-  return { titles: p2, contentStyle: b2, tabsNavStyle: g2, titleStyle: f2, tabsActiveStyle: v2, ...h2 };
-} }, K = ["onClick"];
-const { create: w } = e("tabs");
-var V = _(w(k), [["render", function(e2, t2, l2, a2, i2, s2) {
-  const n2 = r("nut-icon");
-  return u(), p("view", { class: c(["nut-tabs", [e2.direction]]) }, [d("view", { class: c(["nut-tabs__titles", { [e2.type]: e2.type, scrollable: e2.titleScroll, [e2.size]: e2.size }]), style: y(e2.tabsNavStyle) }, [e2.$slots.titles ? m(e2.$slots, "titles", { key: 0 }) : (u(true), p(b, { key: 1 }, g(e2.titles, (t3, l3) => (u(), p("view", { class: c(["nut-tabs__titles-item", { active: t3.paneKey == e2.modelValue, disabled: t3.disabled }]), style: y(e2.titleStyle), onClick: (a3) => e2.tabChange(t3, l3), key: t3.paneKey }, [e2.type == "line" ? (u(), p("view", { key: 0, class: "nut-tabs__titles-item__line", style: y(e2.tabsActiveStyle) }, null, 4)) : v("", true), e2.type == "smile" ? (u(), p("view", { key: 1, class: "nut-tabs__titles-item__smile", style: y(e2.tabsActiveStyle) }, [f(n2, { color: e2.color, name: "joy-smile" }, null, 8, ["color"])], 4)) : v("", true), d("view", { class: c(["nut-tabs__titles-item__text", { ellipsis: e2.ellipsis }]) }, h(t3.title), 3)], 14, K))), 128))], 6), d("view", { class: "nut-tabs__content", style: y(e2.contentStyle) }, [m(e2.$slots, "default")], 4)], 2);
-}]]);
-export { V as default };
+    watch(() => props.modelValue, (value) => {
+      findTabsIndex(value);
+    });
+    onMounted(init);
+    onActivated(init);
+    const contentStyle = computed(() => {
+      return {
+        transform: props.direction == "horizontal" ? `translate3d(-${currentIndex.value * 100}%, 0, 0)` : `translate3d( 0,-${currentIndex.value * 100}%, 0)`,
+        transitionDuration: `${props.animatedTime}ms`
+      };
+    });
+    const tabsNavStyle = computed(() => {
+      return {
+        background: props.background
+      };
+    });
+    const tabsActiveStyle = computed(() => {
+      return {
+        color: props.type == "smile" ? props.color : "",
+        background: props.type == "line" ? props.color : ""
+      };
+    });
+    const titleStyle = computed(() => {
+      return {
+        marginLeft: pxCheck(props.titleGutter),
+        marginRight: pxCheck(props.titleGutter)
+      };
+    });
+    const methods = {
+      tabChange: (item, index2) => {
+        emit("click", item);
+        if (item.disabled) {
+          return;
+        }
+        currentIndex.value = index2;
+        emit("update:modelValue", item.paneKey);
+        emit("change", item);
+      }
+    };
+    return {
+      titles,
+      contentStyle,
+      tabsNavStyle,
+      titleStyle,
+      tabsActiveStyle,
+      ...methods
+    };
+  }
+};
+const _hoisted_1 = ["onClick"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_icon = resolveComponent("nut-icon");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(["nut-tabs", [_ctx.direction]])
+  }, [
+    createElementVNode("view", {
+      class: normalizeClass(["nut-tabs__titles", { [_ctx.type]: _ctx.type, scrollable: _ctx.titleScroll, [_ctx.size]: _ctx.size }]),
+      style: normalizeStyle(_ctx.tabsNavStyle)
+    }, [
+      _ctx.$slots.titles ? renderSlot(_ctx.$slots, "titles", { key: 0 }) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.titles, (item, index2) => {
+        return openBlock(), createElementBlock("view", {
+          class: normalizeClass(["nut-tabs__titles-item", { active: item.paneKey == _ctx.modelValue, disabled: item.disabled }]),
+          style: normalizeStyle(_ctx.titleStyle),
+          onClick: ($event) => _ctx.tabChange(item, index2),
+          key: item.paneKey
+        }, [
+          _ctx.type == "line" ? (openBlock(), createElementBlock("view", {
+            key: 0,
+            class: "nut-tabs__titles-item__line",
+            style: normalizeStyle(_ctx.tabsActiveStyle)
+          }, null, 4)) : createCommentVNode("", true),
+          _ctx.type == "smile" ? (openBlock(), createElementBlock("view", {
+            key: 1,
+            class: "nut-tabs__titles-item__smile",
+            style: normalizeStyle(_ctx.tabsActiveStyle)
+          }, [
+            createVNode(_component_nut_icon, {
+              color: _ctx.color,
+              name: "joy-smile"
+            }, null, 8, ["color"])
+          ], 4)) : createCommentVNode("", true),
+          createElementVNode("view", {
+            class: normalizeClass(["nut-tabs__titles-item__text", { ellipsis: _ctx.ellipsis }])
+          }, toDisplayString(item.title), 3)
+        ], 14, _hoisted_1);
+      }), 128))
+    ], 6),
+    createElementVNode("view", {
+      class: "nut-tabs__content",
+      style: normalizeStyle(_ctx.contentStyle)
+    }, [
+      renderSlot(_ctx.$slots, "default")
+    ], 4)
+  ], 2);
+}
+const { create } = createComponent("tabs");
+const _sfc_main = create(component);
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", render]]);
+export { index as default };

package/dist/packages/_es/Tag.js

@@ -1,25 +1,102 @@
 /*!
-* @nutui/nutui v3.1.22 Fri Jun 24 2022 18:11:16 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:50 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { toRefs as e, computed as o, resolveComponent as l, openBlock as t, createElementBlock as a, normalizeClass as n, normalizeStyle as r, renderSlot as c, createBlock as s, createCommentVNode as u } from "vue";
-import { c as p } from "./component.js";
-import { _ as i } from "./plugin-vue_export-helper.js";
+import { toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createBlock, createCommentVNode } 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: f } = p("tag");
-var m = i(f({ props: { color: { type: String, default: "" }, textColor: { type: String, default: "" }, type: { type: String, default: "default" }, plain: { type: Boolean, default: false }, round: { type: Boolean, default: false }, mark: { type: Boolean, default: false }, closeable: { type: Boolean, default: false } }, emits: ["close", "click"], setup(l2, { emit: t2 }) {
-  const { type: a2, color: n2, plain: r2, round: c2, mark: s2, textColor: u2 } = e(l2);
-  return { classes: o(() => {
-    const e2 = d;
-    return { [e2]: true, [`${e2}--${a2.value}`]: a2.value, [`${e2}--plain`]: r2.value, [`${e2}--round`]: c2.value, [`${e2}--mark`]: s2.value };
-  }), getStyle: () => (n2 == null ? void 0 : n2.value) ? { background: n2.value, color: u2.value } : r2.value ? { color: "#FA2400", background: "#fff", border: "1px solid rgba(250,36,0,1)" } : { color: "", background: "" }, onClose: (e2) => {
-    e2.stopPropagation(), t2("close", e2);
-  }, onClick: (e2) => {
-    e2.stopPropagation(), t2("click", e2);
-  } };
-} }), [["render", function(e2, o2, p2, i2, d2, f2) {
-  const m2 = l("nut-icon");
-  return t(), a("view", { class: n(e2.classes), style: r(e2.getStyle()), onClick: o2[0] || (o2[0] = (...o3) => e2.onClick && e2.onClick(...o3)) }, [c(e2.$slots, "default"), e2.closeable ? (t(), s(m2, { key: 0, class: "nut-tag--close", name: "close", size: "12", onClick: e2.onClose }, null, 8, ["onClick"])) : u("", true)], 6);
-}]]);
-export { m as default };
+const { componentName, create } = createComponent("tag");
+const _sfc_main = create({
+  props: {
+    color: { type: String, default: "" },
+    textColor: { type: String, default: "" },
+    type: {
+      type: String,
+      default: "default"
+    },
+    plain: {
+      type: Boolean,
+      default: false
+    },
+    round: {
+      type: Boolean,
+      default: false
+    },
+    mark: {
+      type: Boolean,
+      default: false
+    },
+    closeable: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["close", "click"],
+  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 = () => {
+      if (color == null ? void 0 : color.value) {
+        return {
+          background: color.value,
+          color: textColor.value
+        };
+      }
+      if (plain.value) {
+        return {
+          color: "#FA2400",
+          background: "#fff",
+          border: "1px solid rgba(250,36,0,1)"
+        };
+      }
+      return {
+        color: "",
+        background: ""
+      };
+    };
+    const onClose = (event) => {
+      event.stopPropagation();
+      emit("close", event);
+    };
+    const onClick = (event) => {
+      event.stopPropagation();
+      emit("click", event);
+    };
+    return {
+      classes,
+      getStyle,
+      onClose,
+      onClick
+    };
+  }
+});
+function _sfc_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.getStyle()),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+  }, [
+    renderSlot(_ctx.$slots, "default"),
+    _ctx.closeable ? (openBlock(), createBlock(_component_nut_icon, {
+      key: 0,
+      class: "nut-tag--close",
+      name: "close",
+      size: "12",
+      onClick: _ctx.onClose
+    }, null, 8, ["onClick"])) : createCommentVNode("", true)
+  ], 6);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };