@nutui/nutui 4.0.12-beta.1 → 4.0.12

package/dist/packages/_es/Table.js

@@ -1,45 +1,58 @@
-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";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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";
 import "../locale/lang";
-const P = z({
-  setup(e) {
-    return () => E("view", {}, e.slots[0] ? e.slots[0](e.record) : e.slots[1](e.record));
+const RenderColumn = defineComponent({
+  setup(props) {
+    return () => h(`view`, {}, props.slots[0] ? props.slots[0](props.record) : props.slots[1](props.record));
   },
   props: {
     slots: Array,
     record: Object
   }
-}), { componentName: Q, create: U, translate: W } = G("table"), X = U({
+});
+const { componentName, create, translate } = createComponent("table");
+const _sfc_main = create({
   components: {
-    RenderColumn: P,
-    DownArrow: J
+    RenderColumn,
+    DownArrow
   },
   props: {
     bordered: {
       type: Boolean,
-      default: !0
+      default: true
     },
     columns: {
       type: Array,
-      default: () => []
+      default: () => {
+        return [];
+      }
     },
     data: {
       type: Object,
-      default: () => ({})
+      default: () => {
+        return {};
+      }
     },
     summary: {
       type: Function,
@@ -47,113 +60,156 @@ const P = z({
     },
     striped: {
       type: Boolean,
-      default: !1
+      default: false
     }
   },
   emits: ["sorter"],
-  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();
+  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;
       }
-    ), v(g({}, O(u)), {
-      classes: C,
-      cellClasses: k,
-      getColumnItem: s,
-      getColumnItemStyle: l,
-      handleSorterClick: d,
-      sortDataItem: B,
-      translate: W,
-      stylehead: y,
-      stylecolumn: f
+    };
+    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,
+      getColumnItemStyle,
+      handleSorterClick,
+      sortDataItem,
+      translate,
+      stylehead,
+      stylecolumn
     });
   }
-}), 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 = {
+});
+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__nodata"
-}, se = {
+};
+const _hoisted_7 = {
   key: 0,
   class: "nut-table__nodata__text"
-}, oe = {
+};
+const _hoisted_8 = {
   key: 1,
   class: "nut-table__summary"
-}, re = ["innerHTML"];
-function ae(e, n, r, u, C, k) {
-  const y = $("DownArrow"), f = $("RenderColumn");
-  return o(), a("view", {
-    class: _(e.classes)
+};
+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)
   }, [
-    c("view", {
-      class: _(["nut-table__main", { "nut-table__main--striped": e.striped }])
+    createElementVNode("view", {
+      class: normalizeClass(["nut-table__main", { "nut-table__main--striped": _ctx.striped }])
     }, [
-      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_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", 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))
+      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
           }, [
-            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))
+            (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))
       ])
     ], 2),
-    e.curData.length ? m("", !0) : (o(), a("view", ne, [
-      c("div", {
-        class: _(["nut-table__nodata", { "nut-table__nodata--border": e.bordered }])
+    !_ctx.curData.length ? (openBlock(), createElementBlock("view", _hoisted_6, [
+      createElementVNode("div", {
+        class: normalizeClass(["nut-table__nodata", { "nut-table__nodata--border": _ctx.bordered }])
       }, [
-        I(e.$slots, "nodata"),
-        e.$slots.nodata ? m("", !0) : (o(), a("div", se, b(e.translate("noData")), 1))
+        renderSlot(_ctx.$slots, "nodata"),
+        !_ctx.$slots.nodata ? (openBlock(), createElementBlock("div", _hoisted_7, toDisplayString(_ctx.translate("noData")), 1)) : createCommentVNode("", true)
       ], 2)
-    ])),
-    e.summary ? (o(), a("view", oe, [
-      c("span", {
+    ])) : createCommentVNode("", true),
+    _ctx.summary ? (openBlock(), createElementBlock("view", _hoisted_8, [
+      createElementVNode("span", {
         class: "nut-table__summary__text",
-        innerHTML: e.summary().value
-      }, null, 8, re)
-    ])) : m("", !0)
+        innerHTML: _ctx.summary().value
+      }, null, 8, _hoisted_9)
+    ])) : createCommentVNode("", true)
   ], 2);
 }
-const me = /* @__PURE__ */ K(X, [["render", ae]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  me as default
+  index as default
 };