@nutui/nutui 4.0.0 → 4.0.1-2.beta-1

package/dist/packages/_es/Table.js

@@ -1,39 +1,45 @@
-import { defineComponent, h, reactive, computed, watch, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, normalizeStyle, createTextVNode, toDisplayString, renderSlot, createBlock, createCommentVNode } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { DownArrow } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+var R = Object.defineProperty, L = Object.defineProperties;
+var T = Object.getOwnPropertyDescriptors;
+var w = Object.getOwnPropertySymbols;
+var V = Object.prototype.hasOwnProperty, j = Object.prototype.propertyIsEnumerable;
+var D = (e, n, r) => n in e ? R(e, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[n] = r, g = (e, n) => {
+  for (var r in n || (n = {}))
+    V.call(n, r) && D(e, r, n[r]);
+  if (w)
+    for (var r of w(n))
+      j.call(n, r) && D(e, r, n[r]);
+  return e;
+}, v = (e, n) => L(e, T(n));
+import { defineComponent as z, h as E, reactive as F, computed as H, watch as M, toRefs as O, resolveComponent as $, openBlock as o, createElementBlock as a, normalizeClass as _, createElementVNode as c, Fragment as h, renderList as p, normalizeStyle as S, createTextVNode as q, toDisplayString as b, renderSlot as I, createBlock as A, createCommentVNode as m } from "vue";
+import { c as G } from "./component-234624bc.js";
+import { DownArrow as J } from "@nutui/icons-vue";
+import { _ as K } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
-const RenderColumn = defineComponent({
-  setup(props) {
-    return () => h(`view`, {}, props.slots[0] ? props.slots[0](props.record) : props.slots[1](props.record));
+const P = z({
+  setup(e) {
+    return () => E("view", {}, e.slots[0] ? e.slots[0](e.record) : e.slots[1](e.record));
   },
   props: {
     slots: Array,
     record: Object
   }
-});
-const { componentName, create, translate } = createComponent("table");
-const _sfc_main = create({
+}), { componentName: Q, create: U, translate: W } = G("table"), X = U({
   components: {
-    RenderColumn,
-    DownArrow
+    RenderColumn: P,
+    DownArrow: J
   },
   props: {
     bordered: {
       type: Boolean,
-      default: true
+      default: !0
     },
     columns: {
       type: Array,
-      default: () => {
-        return [];
-      }
+      default: () => []
     },
     data: {
       type: Object,
-      default: () => {
-        return {};
-      }
+      default: () => ({})
     },
     summary: {
       type: Function,
@@ -41,157 +47,113 @@ const _sfc_main = create({
     },
     striped: {
       type: Boolean,
-      default: false
+      default: !1
     }
   },
   emits: ["sorter"],
-  setup(props, { emit, slots }) {
-    const state = reactive({
-      curData: props.data
-    });
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      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 stylehead = (item) => {
-      return item.stylehead ? item.stylehead : "";
-    };
-    const stylecolumn = (item) => {
-      return item.stylecolumn ? item.stylecolumn : "";
-    };
-    const getColumnItem = (value) => {
-      return props.columns.filter((item) => item.key === value)[0];
-    };
-    const getColumnItemStyle = (value) => {
-      const style = props.columns.filter((item) => item.key === value);
-      return style[0].stylecolumn ? style[0].stylecolumn : "";
-    };
-    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();
+  setup(e, { emit: n, slots: r }) {
+    const u = F({
+      curData: e.data
+    }), C = H(() => ({
+      [Q]: !0
+    })), k = (t) => ({
+      "nut-table__main__head__tr--border": e.bordered,
+      [`nut-table__main__head__tr--align${t.align ? t.align : ""}`]: !0
+    }), y = (t) => t.stylehead ? t.stylehead : "", f = (t) => t.stylecolumn ? t.stylecolumn : "", s = (t) => e.columns.filter((i) => i.key === t)[0], l = (t) => {
+      const i = e.columns.filter((N) => N.key === t);
+      return i[0].stylecolumn ? i[0].stylecolumn : "";
+    }, d = (t) => {
+      t.sorter && (n("sorter", t), u.curData = typeof t.sorter == "function" ? u.curData.sort(t.sorter) : t.sorter === "default" ? u.curData.sort() : u.curData);
+    }, B = () => e.columns.map((t) => [t.key, t.render]);
+    return M(
+      () => e.data,
+      (t) => {
+        u.curData = t.slice();
       }
-    );
-    return {
-      ...toRefs(state),
-      classes,
-      cellClasses,
-      getColumnItem,
-      getColumnItemStyle,
-      handleSorterClick,
-      sortDataItem,
-      translate,
-      stylehead,
-      stylecolumn
-    };
+    ), v(g({}, O(u)), {
+      classes: C,
+      cellClasses: k,
+      getColumnItem: s,
+      getColumnItemStyle: l,
+      handleSorterClick: d,
+      sortDataItem: B,
+      translate: W,
+      stylehead: y,
+      stylecolumn: f
+    });
   }
-});
-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 = {
+}), Y = { class: "nut-table__main__head" }, Z = { class: "nut-table__main__head__tr" }, x = ["onClick"], ee = { class: "nut-table__main__body" }, te = { key: 1 }, ne = {
   key: 0,
   class: "nut-table__nodata"
-};
-const _hoisted_7 = {
+}, se = {
   key: 0,
   class: "nut-table__nodata__text"
-};
-const _hoisted_8 = {
+}, oe = {
   key: 1,
   class: "nut-table__summary"
-};
-const _hoisted_9 = ["innerHTML"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_DownArrow = resolveComponent("DownArrow");
-  const _component_RenderColumn = resolveComponent("RenderColumn");
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes)
+}, re = ["innerHTML"];
+function ae(e, n, r, u, C, k) {
+  const y = $("DownArrow"), f = $("RenderColumn");
+  return o(), a("view", {
+    class: _(e.classes)
   }, [
-    createElementVNode("view", {
-      class: normalizeClass(["nut-table__main", { "nut-table__main--striped": _ctx.striped }])
+    c("view", {
+      class: _(["nut-table__main", { "nut-table__main--striped": e.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),
-              style: normalizeStyle(item.stylehead)
-            }, [
-              createTextVNode(toDisplayString(item.title) + " ", 1),
-              renderSlot(_ctx.$slots, "icon"),
-              !_ctx.$slots.icon && item.sorter ? (openBlock(), createBlock(_component_DownArrow, {
-                key: 0,
-                width: "12px",
-                height: "12px"
-              })) : createCommentVNode("", true)
-            ], 14, _hoisted_3);
-          }), 128))
+      c("view", Y, [
+        c("view", Z, [
+          (o(!0), a(h, null, p(e.columns, (s) => (o(), a("span", {
+            class: _(["nut-table__main__head__tr__th", e.cellClasses(s)]),
+            key: s.key,
+            onClick: (l) => e.handleSorterClick(s),
+            style: S(s.stylehead)
+          }, [
+            q(b(s.title) + " ", 1),
+            I(e.$slots, "icon"),
+            !e.$slots.icon && s.sorter ? (o(), A(y, {
+              key: 0,
+              width: "12px",
+              height: "12px"
+            })) : m("", !0)
+          ], 14, x))), 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
+      c("view", ee, [
+        (o(!0), a(h, null, p(e.curData, (s) => (o(), a("view", {
+          class: "nut-table__main__body__tr",
+          key: s
+        }, [
+          (o(!0), a(h, null, p(e.sortDataItem(), ([l, d]) => (o(), a("span", {
+            class: _(["nut-table__main__body__tr__td", e.cellClasses(e.getColumnItem(l))]),
+            key: l,
+            style: S(e.getColumnItemStyle(l))
           }, [
-            (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,
-                style: normalizeStyle(_ctx.getColumnItemStyle(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))
-              ], 6);
-            }), 128))
-          ]);
-        }), 128))
+            typeof s[l] == "function" || typeof d == "function" ? (o(), A(f, {
+              key: 0,
+              slots: [d, s[l]],
+              record: s
+            }, null, 8, ["slots", "record"])) : (o(), a("view", te, b(s[l]), 1))
+          ], 6))), 128))
+        ]))), 128))
       ])
     ], 2),
-    !_ctx.curData.length ? (openBlock(), createElementBlock("view", _hoisted_6, [
-      createElementVNode("div", {
-        class: normalizeClass(["nut-table__nodata", { "nut-table__nodata--border": _ctx.bordered }])
+    e.curData.length ? m("", !0) : (o(), a("view", ne, [
+      c("div", {
+        class: _(["nut-table__nodata", { "nut-table__nodata--border": e.bordered }])
       }, [
-        renderSlot(_ctx.$slots, "nodata"),
-        !_ctx.$slots.nodata ? (openBlock(), createElementBlock("div", _hoisted_7, toDisplayString(_ctx.translate("noData")), 1)) : createCommentVNode("", true)
+        I(e.$slots, "nodata"),
+        e.$slots.nodata ? m("", !0) : (o(), a("div", se, b(e.translate("noData")), 1))
       ], 2)
-    ])) : createCommentVNode("", true),
-    _ctx.summary ? (openBlock(), createElementBlock("view", _hoisted_8, [
-      createElementVNode("span", {
+    ])),
+    e.summary ? (o(), a("view", oe, [
+      c("span", {
         class: "nut-table__summary__text",
-        innerHTML: _ctx.summary().value
-      }, null, 8, _hoisted_9)
-    ])) : createCommentVNode("", true)
+        innerHTML: e.summary().value
+      }, null, 8, re)
+    ])) : m("", !0)
   ], 2);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const me = /* @__PURE__ */ K(X, [["render", ae]]);
 export {
-  index as default
+  me as default
 };