@nutui/nutui 3.1.22-beta.0 → 3.1.22-beta.3

package/dist/packages/_es/Table.js

@@ -5,197 +5,38 @@ 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]);
+var __spreadValues = (a2, b2) => {
+  for (var prop in b2 || (b2 = {}))
+    if (__hasOwnProp.call(b2, prop))
+      __defNormalProp(a2, prop, b2[prop]);
   if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+    for (var prop of __getOwnPropSymbols(b2)) {
+      if (__propIsEnum.call(b2, prop))
+        __defNormalProp(a2, prop, b2[prop]);
     }
-  return a;
+  return a2;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
 /*!
-* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-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 { 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 "../locale/lang";
-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 __spreadProps(__spreadValues({}, 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 };
+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();
+  }), __spreadProps(__spreadValues({}, 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 };

package/dist/packages/_es/Tabs.js

@@ -3,224 +3,66 @@ 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]);
+var __spreadValues = (a2, b2) => {
+  for (var prop in b2 || (b2 = {}))
+    if (__hasOwnProp.call(b2, prop))
+      __defNormalProp(a2, prop, b2[prop]);
   if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+    for (var prop of __getOwnPropSymbols(b2)) {
+      if (__propIsEnum.call(b2, prop))
+        __defNormalProp(a2, prop, b2[prop]);
     }
-  return a;
+  return a2;
 };
 /*!
-* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-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 { 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 "../locale/lang";
-class Title {
+class S {
   constructor() {
-    this.title = "";
-    this.paneKey = "";
-    this.disabled = false;
+    this.title = "", this.paneKey = "", this.disabled = false;
   }
 }
-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);
-    });
-    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 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 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 __spreadValues({
-      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 };
+  }, 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 __spreadValues({ 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 };

package/dist/packages/_es/Tag.js

@@ -1,102 +1,25 @@
 /*!
-* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-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 { 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 "../locale/lang";
-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 };
+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 };