lew-ui 1.8.15 → 1.8.16

package/dist/index.es.js

@@ -3403,7 +3403,7 @@ const _hoisted_7$4 = {
   "stroke-linejoin": "miter"
 };
 const _hoisted_8$4 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("path", { d: "m16 39.513 15.556-15.557L16 8.4" }, null, -1));
-const _hoisted_9$3 = [
+const _hoisted_9$4 = [
   _hoisted_8$4
 ];
 const _sfc_main$A = defineComponent({
@@ -3424,7 +3424,7 @@ const _sfc_main$A = defineComponent({
             }, toDisplayString(item.label), 11, _hoisted_2$o),
             index2 != _ctx.options.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_3$f, [
               _ctx.iconType === "sprit" ? (openBlock(), createElementBlock("svg", _hoisted_4$d, _hoisted_6$5)) : createCommentVNode("v-if", true),
-              _ctx.iconType === "shoulder" ? (openBlock(), createElementBlock("svg", _hoisted_7$4, _hoisted_9$3)) : createCommentVNode("v-if", true)
+              _ctx.iconType === "shoulder" ? (openBlock(), createElementBlock("svg", _hoisted_7$4, _hoisted_9$4)) : createCommentVNode("v-if", true)
             ])) : createCommentVNode("v-if", true)
           ], 2);
         }), 128))
@@ -3675,7 +3675,7 @@ const _hoisted_8$3 = {
   key: 1,
   class: "lew-input-suffix-icon"
 };
-const _hoisted_9$2 = {
+const _hoisted_9$3 = {
   key: 2,
   class: "lew-input-suffix-select"
 };
@@ -3938,7 +3938,7 @@ const _sfc_main$y = defineComponent({
               type: unref(suffixValue)
             }, null, 8, ["size", "type"])
           ])) : createCommentVNode("v-if", true),
-          _ctx.suffix === "select" ? (openBlock(), createElementBlock("div", _hoisted_9$2, [
+          _ctx.suffix === "select" ? (openBlock(), createElementBlock("div", _hoisted_9$3, [
             createVNode(unref(LewDropdown), {
               placement: "bottom",
               trigger: "click",
@@ -13825,7 +13825,7 @@ const _hoisted_5$4 = { class: "lew-date-box" };
 const _hoisted_6$3 = { class: "lew-date-num" };
 const _hoisted_7$2 = ["onClick"];
 const _hoisted_8$2 = { class: "lew-date-label" };
-const _hoisted_9$1 = {
+const _hoisted_9$2 = {
   key: 0,
   class: "lew-date-item-today"
 };
@@ -13963,7 +13963,7 @@ const _sfc_main$n = defineComponent({
               onClick: ($event) => selectDateFn(item)
             }, [
               createElementVNode("div", _hoisted_8$2, [
-                unref(checkToday)(item) ? (openBlock(), createElementBlock("i", _hoisted_9$1)) : createCommentVNode("v-if", true),
+                unref(checkToday)(item) ? (openBlock(), createElementBlock("i", _hoisted_9$2)) : createCommentVNode("v-if", true),
                 createElementVNode("div", _hoisted_10$1, toDisplayString(item.showDate), 1)
               ])
             ], 10, _hoisted_7$2);
@@ -13983,7 +13983,7 @@ const _hoisted_5$3 = { class: "lew-date-control-right" };
 const _hoisted_6$2 = { class: "lew-date-box" };
 const _hoisted_7$1 = { class: "lew-date-num" };
 const _hoisted_8$1 = ["onClick", "onMouseenter"];
-const _hoisted_9 = {
+const _hoisted_9$1 = {
   key: 0,
   class: "lew-date-item-today"
 };
@@ -14307,7 +14307,7 @@ const _sfc_main$m = defineComponent({
                 createElementVNode("div", {
                   class: normalizeClass(["lew-date-label", unref(object2class2)("rangeSelected", item)])
                 }, [
-                  unref(object2class2)("today", item) ? (openBlock(), createElementBlock("div", _hoisted_9)) : createCommentVNode("v-if", true),
+                  unref(object2class2)("today", item) ? (openBlock(), createElementBlock("div", _hoisted_9$1)) : createCommentVNode("v-if", true),
                   createElementVNode("div", {
                     class: normalizeClass(["lew-date-value", unref(object2class2)("selected", item)])
                   }, toDisplayString(item.showDate), 3)
@@ -14655,11 +14655,6 @@ const _sfc_main$k = defineComponent({
 });
 var LewDateRangePicker = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-8717ea06"], ["__file", "C:/Users/div/Documents/GitHub/lew-ui/lib/components/date-picker/src/LewDateRangePicker.vue"]]);
 const tableProps = {
-  selectedKey: {
-    type: Array,
-    default: [],
-    description: "\u9009\u4E2D\u7684key"
-  },
   rowKey: {
     type: String,
     default: "id",
@@ -14688,25 +14683,29 @@ const tableProps = {
   checkable: {
     type: Boolean,
     default: false,
-    description: "\u662F\u5426\u663E\u793A\u9009\u62E9\u6846"
+    description: "\u662F\u5426\u663E\u793A\u590D\u9009\u6846"
+  },
+  singleSelect: {
+    type: Boolean,
+    default: false,
+    description: "\u662F\u5426\u5355\u9009"
   }
 };
 var LewTable_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$g = { class: "lew-table-tr" };
-const _hoisted_2$b = { class: "lew-table-main" };
-const _hoisted_3$6 = { class: "lew-table-tr" };
+const _hoisted_2$b = { key: 1 };
+const _hoisted_3$6 = { class: "lew-table-main" };
 const _hoisted_4$4 = { class: "lew-table-tr" };
-const _hoisted_5$1 = ["onMouseenter"];
-const _hoisted_6 = { class: "lew-table-main" };
-const _hoisted_7 = ["onMouseenter"];
-const _hoisted_8 = ["onMouseenter"];
+const _hoisted_5$1 = { class: "lew-table-tr" };
+const _hoisted_6 = ["onClick", "onMouseenter"];
+const _hoisted_7 = { class: "lew-table-main" };
+const _hoisted_8 = ["onClick", "onMouseenter"];
+const _hoisted_9 = ["onMouseenter"];
 const _sfc_main$j = defineComponent({
   __name: "LewTable",
   props: tableProps,
-  emits: ["update:selectedKey"],
-  setup(__props, { emit }) {
+  setup(__props, { expose: __expose }) {
     const props = __props;
-    const selectedKey = useVModel(props, "selectedKey", emit);
     const tableRef = ref();
     let obs;
     const state = reactive({
@@ -14715,8 +14714,8 @@ const _sfc_main$j = defineComponent({
       scrollbarVisible: false,
       scrollClientWidth: 0,
       hidScrollLine: "all",
-      checkList: [],
-      checkAll: false
+      checkAll: false,
+      selectedKeysMap: {}
     });
     onActivated(() => {
       checkScroll();
@@ -14755,7 +14754,7 @@ const _sfc_main$j = defineComponent({
       if (!table)
         return;
       let clientWidth = 0;
-      props.columns.map((e) => e.width).forEach((w) => {
+      props.columns.map((e2) => e2.width).forEach((w) => {
         clientWidth += w;
       });
       if (props.checkable) {
@@ -14767,7 +14766,7 @@ const _sfc_main$j = defineComponent({
     }, 200);
     const getTdNotWidth = computed(() => {
       let totalWidth = 0;
-      const countWidth = props.columns.filter((e) => !!e.width).length;
+      const countWidth = props.columns.filter((e2) => !!e2.width).length;
       props.columns.forEach((item) => {
         if (item.width !== void 0) {
           totalWidth += item.width;
@@ -14800,52 +14799,54 @@ const _sfc_main$j = defineComponent({
       return width;
     });
     const newColumns = computed(() => {
-      return props.columns.filter((e) => !e.fixed);
+      return props.columns.filter((e2) => !e2.fixed);
     });
     const fixedColumns = computed(() => (direction) => {
-      return props.columns.filter((e) => e.fixed === direction);
+      return props.columns.filter((e2) => e2.fixed === direction);
     });
     const setAllChecked = (checked) => {
       if (checked) {
-        selectedKey.value = props.dataSource.map(
-          (e) => props.rowKey && e[props.rowKey]
+        state.selectedKeysMap = _.mapValues(
+          _.keyBy(props.dataSource, props.rowKey),
+          () => true
         );
       } else {
-        selectedKey.value = [];
+        state.selectedKeysMap = _.mapValues(
+          _.keyBy(props.dataSource, props.rowKey),
+          () => false
+        );
       }
     };
-    const setChecked = (key, checked) => {
-      if (checked) {
-        selectedKey.value.push(key);
-      } else {
-        const index2 = props.selectedKey.findIndex((e) => e === key);
-        if (index2 >= 0) {
-          selectedKey.value.splice(index2, 1);
-        }
-      }
-      initCheckAll();
+    const setSelectedKeys = (keys) => {
+      state.selectedKeysMap = {};
+      keys.forEach((key) => {
+        state.selectedKeysMap[key] = true;
+      });
+      checkIsAll();
     };
-    const initCheckAll = () => {
-      const isAll = selectedKey.value.length > 0 && selectedKey.value.length === props.dataSource.length;
-      if (isAll) {
-        state.checkAll = true;
+    const checkIsAll = () => {
+      const filteredKeys = _.keys(
+        _.pickBy(state.selectedKeysMap, (value) => value === true)
+      );
+      const dataKey = props.dataSource.map((e2) => String(e2[props.rowKey]));
+      const diffArr = _.difference(dataKey, filteredKeys);
+      state.checkAll = _.isEmpty(diffArr);
+    };
+    const getSelectedKeys = () => {
+      return _.keys(_.pickBy(state.selectedKeysMap, (value) => value === true));
+    };
+    const selectTr = (row) => {
+      if (props.singleSelect) {
+        state.selectedKeysMap = {};
+      }
+      if (state.selectedKeysMap[row[props.rowKey]]) {
+        state.selectedKeysMap[row[props.rowKey]] = false;
       } else {
-        state.checkAll = false;
+        state.selectedKeysMap[row[props.rowKey]] = true;
       }
+      checkIsAll();
     };
-    const initCheckbox = () => {
-      state.checkList = props.dataSource.map((item) => {
-        if (props.rowKey && selectedKey.value.includes(item[props.rowKey])) {
-          return true;
-        }
-        return false;
-      });
-    };
-    initCheckbox();
-    watchArray(selectedKey, () => {
-      initCheckbox();
-      initCheckAll();
-    });
+    __expose({ setSelectedKeys, getSelectedKeys });
     onMounted(() => {
       tableObserve();
       checkScroll();
@@ -14861,8 +14862,9 @@ const _sfc_main$j = defineComponent({
       const _component_lew_empty = resolveComponent("lew-empty");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["lew-table-wrapper", {
-          "hide-line-left": !unref(state).scrollbarVisible || ["all", "left"].includes(unref(state).hidScrollLine) || _ctx.columns.filter((e) => e.fixed === "left").length > 0,
-          "hide-line-right": !unref(state).scrollbarVisible || ["all", "right"].includes(unref(state).hidScrollLine) || _ctx.columns.filter((e) => e.fixed === "right").length > 0
+          "lew-table-checkable": props.checkable,
+          "hide-line-left": !unref(state).scrollbarVisible || ["all", "left"].includes(unref(state).hidScrollLine) || _ctx.columns.filter((e2) => e2.fixed === "left").length > 0,
+          "hide-line-right": !unref(state).scrollbarVisible || ["all", "right"].includes(unref(state).hidScrollLine) || _ctx.columns.filter((e2) => e2.fixed === "right").length > 0
         }])
       }, [
         createElementVNode("div", {
@@ -14890,15 +14892,17 @@ const _sfc_main$j = defineComponent({
                 _ctx.checkable && unref(fixedColumns)("left").length > 0 ? (openBlock(), createBlock(unref(LewFlex), {
                   key: 0,
                   style: { "width": "50px" },
+                  class: "lew-table-td",
                   x: "center"
                 }, {
                   default: withCtx(() => [
-                    createVNode(unref(LewCheckbox), {
+                    !_ctx.singleSelect ? (openBlock(), createBlock(unref(LewCheckbox), {
+                      key: 0,
                       disabled: _ctx.dataSource.length === 0,
                       modelValue: unref(state).checkAll,
                       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(state).checkAll = $event),
                       onChange: _cache[1] || (_cache[1] = ($event) => setAllChecked($event))
-                    }, null, 8, ["disabled", "modelValue"])
+                    }, null, 8, ["disabled", "modelValue"])) : (openBlock(), createElementBlock("span", _hoisted_2$b, "\u5355\u9009"))
                   ]),
                   _: 1
                 })) : createCommentVNode("v-if", true),
@@ -14918,19 +14922,21 @@ const _sfc_main$j = defineComponent({
                 }), 128))
               ])
             ], 2)) : createCommentVNode("v-if", true),
-            createElementVNode("div", _hoisted_2$b, [
-              createElementVNode("div", _hoisted_3$6, [
+            createElementVNode("div", _hoisted_3$6, [
+              createElementVNode("div", _hoisted_4$4, [
                 _ctx.checkable && unref(fixedColumns)("left").length === 0 ? (openBlock(), createBlock(unref(LewFlex), {
                   key: 0,
                   style: { "width": "50px" },
                   x: "center"
                 }, {
                   default: withCtx(() => [
-                    createVNode(unref(LewCheckbox), {
+                    !_ctx.singleSelect ? (openBlock(), createBlock(unref(LewCheckbox), {
+                      key: 0,
+                      disabled: _ctx.dataSource.length === 0,
                       modelValue: unref(state).checkAll,
                       "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(state).checkAll = $event),
                       onChange: _cache[3] || (_cache[3] = ($event) => setAllChecked($event))
-                    }, null, 8, ["modelValue"])
+                    }, null, 8, ["disabled", "modelValue"])) : createCommentVNode("v-if", true)
                   ]),
                   _: 1
                 })) : createCommentVNode("v-if", true),
@@ -14958,7 +14964,7 @@ const _sfc_main$j = defineComponent({
                 )
               }])
             }, [
-              createElementVNode("div", _hoisted_4$4, [
+              createElementVNode("div", _hoisted_5$1, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(unref(fixedColumns)("right"), (column, index2) => {
                   return openBlock(), createBlock(unref(LewFlex), {
                     key: `columns${index2}`,
@@ -14993,21 +14999,23 @@ const _sfc_main$j = defineComponent({
                 return openBlock(), createElementBlock("div", {
                   key: `data${i}`,
                   class: normalizeClass(["lew-table-tr", {
-                    "lew-table-tr-hover": unref(state).hoverIndex === i
+                    "lew-table-tr-hover": unref(state).hoverIndex === i,
+                    "lew-table-tr-selected": unref(state).selectedKeysMap[row[_ctx.rowKey]]
                   }]),
+                  onClick: ($event) => selectTr(row),
                   onMouseenter: ($event) => unref(state).hoverIndex = i
                 }, [
                   _ctx.checkable && unref(fixedColumns)("left").length > 0 ? (openBlock(), createBlock(unref(LewFlex), {
                     key: 0,
                     style: { "width": "50px" },
-                    x: "center"
+                    x: "center",
+                    class: "lew-table-checkbox-wrapper"
                   }, {
                     default: withCtx(() => [
                       createVNode(unref(LewCheckbox), {
-                        modelValue: unref(state).checkList[i],
-                        "onUpdate:modelValue": ($event) => unref(state).checkList[i] = $event,
-                        onChange: ($event) => _ctx.rowKey && setChecked(row[_ctx.rowKey], $event)
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])
+                        class: "lew-table-checkbox",
+                        checked: unref(state).selectedKeysMap[row[_ctx.rowKey]]
+                      }, null, 8, ["checked"])
                     ]),
                     _: 2
                   }, 1024)) : createCommentVNode("v-if", true),
@@ -15032,29 +15040,31 @@ const _sfc_main$j = defineComponent({
                       _: 2
                     }, 1032, ["x", "y", "style"]);
                   }), 128))
-                ], 42, _hoisted_5$1);
+                ], 42, _hoisted_6);
               }), 128))
             ], 2)) : createCommentVNode("v-if", true),
-            createElementVNode("div", _hoisted_6, [
+            createElementVNode("div", _hoisted_7, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.dataSource, (row, i) => {
                 return openBlock(), createElementBlock("div", {
                   key: `data${i}`,
                   class: normalizeClass(["lew-table-tr", {
-                    "lew-table-tr-hover": unref(state).hoverIndex === i
+                    "lew-table-tr-hover": unref(state).hoverIndex === i,
+                    "lew-table-tr-selected": unref(state).selectedKeysMap[row[_ctx.rowKey]]
                   }]),
+                  onClick: ($event) => selectTr(row),
                   onMouseenter: ($event) => unref(state).hoverIndex = i
                 }, [
                   _ctx.checkable && unref(fixedColumns)("left").length === 0 ? (openBlock(), createBlock(unref(LewFlex), {
                     key: 0,
                     style: { "width": "50px" },
-                    x: "center"
+                    x: "center",
+                    class: "lew-table-checkbox-wrapper"
                   }, {
                     default: withCtx(() => [
                       createVNode(unref(LewCheckbox), {
-                        modelValue: unref(state).checkList[i],
-                        "onUpdate:modelValue": ($event) => unref(state).checkList[i] = $event,
-                        onChange: ($event) => _ctx.rowKey && setChecked(row[_ctx.rowKey], $event)
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])
+                        class: "lew-table-checkbox",
+                        checked: unref(state).selectedKeysMap[row[_ctx.rowKey]]
+                      }, null, 8, ["checked"])
                     ]),
                     _: 2
                   }, 1024)) : createCommentVNode("v-if", true),
@@ -15082,7 +15092,7 @@ const _sfc_main$j = defineComponent({
                       _: 2
                     }, 1032, ["x", "y", "style"]);
                   }), 128))
-                ], 42, _hoisted_7);
+                ], 42, _hoisted_8);
               }), 128))
             ]),
             unref(fixedColumns)("right").length > 0 ? (openBlock(), createElementBlock("div", {
@@ -15097,7 +15107,8 @@ const _sfc_main$j = defineComponent({
                 return openBlock(), createElementBlock("div", {
                   key: `data${i}`,
                   class: normalizeClass(["lew-table-tr", {
-                    "lew-table-tr-hover": unref(state).hoverIndex === i
+                    "lew-table-tr-hover": unref(state).hoverIndex === i,
+                    "lew-table-tr-selected": unref(state).selectedKeysMap[row[_ctx.rowKey]]
                   }]),
                   onMouseenter: ($event) => unref(state).hoverIndex = i
                 }, [
@@ -15122,7 +15133,7 @@ const _sfc_main$j = defineComponent({
                       _: 2
                     }, 1032, ["x", "y", "style"]);
                   }), 128))
-                ], 42, _hoisted_8);
+                ], 42, _hoisted_9);
               }), 128))
             ], 2)) : createCommentVNode("v-if", true)
           ], 4)) : createCommentVNode("v-if", true)