lew-ui 1.8.15 → 1.8.17

package/dist/index.es.js

@@ -2764,8 +2764,8 @@ const cascaderProps = {
 };
 var LewCascader_vue_vue_type_style_index_0_scoped_true_lang = "";
 var LewCascader_vue_vue_type_style_index_1_lang = "";
-const _withScopeId$5 = (n) => (pushScopeId("data-v-68eb9091"), n = n(), popScopeId(), n);
-const _hoisted_1$y = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("path", {
+const _withScopeId$4 = (n) => (pushScopeId("data-v-68eb9091"), n = n(), popScopeId(), n);
+const _hoisted_1$y = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("path", {
   d: "M29.506 6.502 18.493 41.498",
   "data-v-5303b0ef": ""
 }, null, -1));
@@ -3196,9 +3196,7 @@ const _sfc_main$C = defineComponent({
     watch(
       () => tabsValue.value,
       (v) => {
-        if (v || v === 0) {
-          selectItem(v, "watch");
-        }
+        selectItem(v, "watch");
         if (!state.isInit) {
           init();
         }
@@ -3236,8 +3234,9 @@ const _sfc_main$C = defineComponent({
       }, 100);
     };
     const selectItem = (value, type) => {
-      const index2 = props.options.findIndex((e) => value === e.value);
-      if (index2 >= 0 && state.curIndex != index2) {
+      let index2 = props.options.findIndex((e) => value === e.value);
+      index2 = index2 === -1 ? 0 : index2;
+      if (index2 >= 0) {
         const _item = props.options[index2];
         if (tabsValue.value != _item.value) {
           tabsValue.value = _item.value;
@@ -3371,7 +3370,7 @@ const breadcrumbProps = {
   }
 };
 var LewBreadcrumb_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$4 = (n) => (pushScopeId("data-v-1e00024a"), n = n(), popScopeId(), n);
+const _withScopeId$3 = (n) => (pushScopeId("data-v-1e00024a"), n = n(), popScopeId(), n);
 const _hoisted_1$v = { class: "lew-breadcrumb" };
 const _hoisted_2$o = ["onClick"];
 const _hoisted_3$f = {
@@ -3388,9 +3387,9 @@ const _hoisted_4$d = {
   "stroke-linecap": "butt",
   "stroke-linejoin": "miter"
 };
-const _hoisted_5$a = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("path", { d: "M29.506 6.502 18.493 41.498" }, null, -1));
+const _hoisted_5$9 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("path", { d: "M29.506 6.502 18.493 41.498" }, null, -1));
 const _hoisted_6$5 = [
-  _hoisted_5$a
+  _hoisted_5$9
 ];
 const _hoisted_7$4 = {
   key: 1,
@@ -3402,8 +3401,8 @@ const _hoisted_7$4 = {
   "stroke-linecap": "butt",
   "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_8$4 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("path", { d: "m16 39.513 15.556-15.557L16 8.4" }, null, -1));
+const _hoisted_9$4 = [
   _hoisted_8$4
 ];
 const _sfc_main$A = defineComponent({
@@ -3424,7 +3423,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))
@@ -3662,7 +3661,7 @@ const _hoisted_4$c = {
   key: 2,
   class: "lew-input-prefixes-select"
 };
-const _hoisted_5$9 = ["disabled", "placeholder", "type", "readonly"];
+const _hoisted_5$8 = ["disabled", "placeholder", "type", "readonly"];
 const _hoisted_6$4 = {
   key: 2,
   class: "lew-input-suffix"
@@ -3675,15 +3674,15 @@ 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"
 };
-const _hoisted_10$2 = {
+const _hoisted_10$3 = {
   key: 3,
   class: "lew-input-auto-width"
 };
-const _hoisted_11$1 = {
+const _hoisted_11$2 = {
   key: 4,
   class: "lew-input-controls"
 };
@@ -3790,9 +3789,8 @@ const _sfc_main$y = defineComponent({
     const getType = computed(() => {
       if (props.type === "password") {
         return _type.value;
-      } else {
-        return props.type;
       }
+      return props.type;
     });
     const getInputClassNames = computed(() => {
       const { size, readonly: readonly2, disabled, align, autoWidth } = props;
@@ -3915,9 +3913,9 @@ const _sfc_main$y = defineComponent({
         withDirectives(createElementVNode("input", {
           ref_key: "lewInputRef",
           ref: lewInputRef,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
           class: "lew-input",
           autocomplete: "new-password",
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
           disabled: _ctx.disabled,
           placeholder: _ctx.placeholder,
           type: unref(getType),
@@ -3927,7 +3925,7 @@ const _sfc_main$y = defineComponent({
           onChange: _cache[3] || (_cache[3] = ($event) => emit("change", unref(modelValue))),
           onBlur: blur,
           onFocus: focus
-        }, null, 40, _hoisted_5$9), [
+        }, null, 40, _hoisted_5$8), [
           [vModelDynamic, unref(modelValue)]
         ]),
         _ctx.suffix ? withDirectives((openBlock(), createElementBlock("div", _hoisted_6$4, [
@@ -3938,7 +3936,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",
@@ -3975,8 +3973,8 @@ const _sfc_main$y = defineComponent({
             trigger: _ctx.suffixTooltip ? "mouseenter" : ""
           }]
         ]) : createCommentVNode("v-if", true),
-        _ctx.autoWidth ? (openBlock(), createElementBlock("label", _hoisted_10$2, toDisplayString(unref(modelValue)), 1)) : createCommentVNode("v-if", true),
-        _ctx.showPassword || _ctx.clearable || _ctx.showCount ? (openBlock(), createElementBlock("div", _hoisted_11$1, [
+        _ctx.autoWidth ? (openBlock(), createElementBlock("label", _hoisted_10$3, toDisplayString(unref(modelValue)), 1)) : createCommentVNode("v-if", true),
+        _ctx.showPassword || _ctx.clearable || _ctx.showCount ? (openBlock(), createElementBlock("div", _hoisted_11$2, [
           unref(getCheckNumStr) ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass(["lew-input-count", {
@@ -4010,11 +4008,11 @@ const _sfc_main$y = defineComponent({
                 class: normalizeClass(["lew-form-icon-clear", {
                   "lew-form-icon-clear-focus": unref(state).isFocus
                 }]),
+                size: unref(getIconSize),
+                type: "x",
                 onMousedown: _cache[7] || (_cache[7] = withModifiers(() => {
                 }, ["prevent"])),
-                onClick: clear2,
-                size: unref(getIconSize),
-                type: "x"
+                onClick: clear2
               }, null, 8, ["class", "size"])), [
                 [_directive_tooltip, {
                   content: "\u6E05\u7A7A",
@@ -4262,9 +4260,9 @@ const inputTagProps = {
   }
 };
 var LewInputTag_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$3 = (n) => (pushScopeId("data-v-4ac3e7ec"), n = n(), popScopeId(), n);
+const _withScopeId$2 = (n) => (pushScopeId("data-v-4ac3e7ec"), n = n(), popScopeId(), n);
 const _hoisted_1$r = { class: "lew-input-tag-view" };
-const _hoisted_2$l = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("div", { style: { "margin-left": "-10px", "height": "26px" } }, null, -1));
+const _hoisted_2$l = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { style: { "margin-left": "-10px", "height": "26px" } }, null, -1));
 const _sfc_main$w = defineComponent({
   __name: "LewInputTag",
   props: inputTagProps,
@@ -11939,6 +11937,11 @@ const checkboxProps = {
     default: false,
     description: "\u9009\u4E2D\u72B6\u6001"
   },
+  certain: {
+    type: Boolean,
+    default: false,
+    description: "\u662F\u5426\u662F\u786E\u5B9A\u72B6\u6001"
+  },
   label: {
     type: String,
     default: "",
@@ -12015,29 +12018,13 @@ const checkboxGroupProps = {
   }
 };
 var LewCheckbox_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$2 = (n) => (pushScopeId("data-v-1d5ce89b"), n = n(), popScopeId(), n);
 const _hoisted_1$p = {
   key: 0,
   class: "icon-checkbox-box"
 };
-const _hoisted_2$k = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("svg", {
-  class: "icon-checkbox",
-  viewBox: "0 0 24 24",
-  width: "24",
-  height: "24",
-  stroke: "currentColor",
-  "stroke-width": "4",
-  fill: "none",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round"
-}, [
-  /* @__PURE__ */ createElementVNode("polyline", { points: "20 6 9 17 4 12" })
-], -1));
-const _hoisted_3$d = [
-  _hoisted_2$k
-];
-const _hoisted_4$b = ["checked"];
-const _hoisted_5$8 = {
+const _hoisted_2$k = { class: "icon-certain" };
+const _hoisted_3$d = ["checked"];
+const _hoisted_4$b = {
   key: 1,
   class: "lew-checkbox-label"
 };
@@ -12056,8 +12043,21 @@ const _sfc_main$u = defineComponent({
       modelValue.value = checked;
       emit("change", checked);
     };
+    const getIconSize = computed(() => {
+      const { size } = props;
+      switch (size) {
+        case "small":
+          return 9;
+        case "medium":
+          return 10;
+        case "large":
+          return 13;
+        default:
+          return 11;
+      }
+    });
     const getCheckboxClassName = computed(() => {
-      const { block, round: round2, iconable, size, disabled } = props;
+      const { block, round: round2, iconable, size, disabled, certain } = props;
       const checked = modelValue.value || props.checked;
       const unicon = !iconable && block;
       return object2class("lew-checkbox", {
@@ -12066,22 +12066,34 @@ const _sfc_main$u = defineComponent({
         size,
         checked,
         unicon,
-        disabled
+        disabled,
+        certain
       });
     });
     return (_ctx, _cache) => {
+      const _component_lew_icon = resolveComponent("lew-icon");
       return openBlock(), createElementBlock("label", {
         class: normalizeClass(["lew-checkbox", unref(getCheckboxClassName)])
       }, [
-        _ctx.iconable || !_ctx.iconable && !_ctx.block ? (openBlock(), createElementBlock("div", _hoisted_1$p, _hoisted_3$d)) : createCommentVNode("v-if", true),
+        _ctx.iconable || !_ctx.iconable && !_ctx.block ? (openBlock(), createElementBlock("div", _hoisted_1$p, [
+          withDirectives(createElementVNode("i", _hoisted_2$k, null, 512), [
+            [vShow, _ctx.certain]
+          ]),
+          createVNode(_component_lew_icon, {
+            "stroke-width": "3",
+            class: "icon-checkbox",
+            type: "check",
+            size: unref(getIconSize)
+          }, null, 8, ["size"])
+        ])) : createCommentVNode("v-if", true),
         withDirectives(createElementVNode("input", {
           type: "checkbox",
           checked: unref(modelValue),
           onChange: setChecked
-        }, null, 40, _hoisted_4$b), [
+        }, null, 40, _hoisted_3$d), [
           [vShow, false]
         ]),
-        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_5$8, toDisplayString(_ctx.label), 1)) : createCommentVNode("v-if", true)
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_4$b, toDisplayString(_ctx.label), 1)) : createCommentVNode("v-if", true)
       ], 2);
     };
   }
@@ -13825,11 +13837,11 @@ 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"
 };
-const _hoisted_10$1 = { class: "lew-date-value" };
+const _hoisted_10$2 = { class: "lew-date-value" };
 const _sfc_main$n = defineComponent({
   __name: "LewDate",
   props: dateProps,
@@ -13963,8 +13975,8 @@ 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),
-                createElementVNode("div", _hoisted_10$1, toDisplayString(item.showDate), 1)
+                unref(checkToday)(item) ? (openBlock(), createElementBlock("i", _hoisted_9$2)) : createCommentVNode("v-if", true),
+                createElementVNode("div", _hoisted_10$2, toDisplayString(item.showDate), 1)
               ])
             ], 10, _hoisted_7$2);
           }), 128))
@@ -13983,12 +13995,12 @@ 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"
 };
-const _hoisted_10 = { class: "lew-date" };
-const _hoisted_11 = { class: "lew-date-control-left" };
+const _hoisted_10$1 = { class: "lew-date" };
+const _hoisted_11$1 = { class: "lew-date-control-left" };
 const _hoisted_12 = { class: "cur-date" };
 const _hoisted_13 = { class: "lew-date-control-right" };
 const _hoisted_14 = { class: "lew-date-box" };
@@ -14307,7 +14319,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)
@@ -14316,14 +14328,14 @@ const _sfc_main$m = defineComponent({
             }), 128))
           ])
         ]),
-        createElementVNode("div", _hoisted_10, [
+        createElementVNode("div", _hoisted_10$1, [
           createVNode(unref(LewFlex), {
             x: "start",
             mode: "between",
             class: "lew-date-control"
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_11, [
+              createElementVNode("div", _hoisted_11$1, [
                 createCommentVNode(" \u4E0A\u4E00\u5E74 "),
                 createVNode(unref(LewButton), {
                   type: "light",
@@ -14655,11 +14667,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,26 +14695,40 @@ 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 = {
+  key: 0,
+  class: "lew-table-fixed-left"
+};
+const _hoisted_7 = ["onClick", "onMouseenter"];
+const _hoisted_8 = { class: "lew-table-main" };
+const _hoisted_9 = ["onClick", "onMouseenter"];
+const _hoisted_10 = {
+  key: 1,
+  class: "lew-table-fixed-right"
+};
+const _hoisted_11 = ["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();
+    const fixedLeftRef = ref();
+    const fixedRightRef = ref();
     let obs;
     const state = reactive({
       hoverIndex: -1,
@@ -14715,8 +14736,10 @@ const _sfc_main$j = defineComponent({
       scrollbarVisible: false,
       scrollClientWidth: 0,
       hidScrollLine: "all",
-      checkList: [],
-      checkAll: false
+      checkAll: false,
+      fixedLeftWidth: 0,
+      fixedRightWidth: 0,
+      selectedKeysMap: {}
     });
     onActivated(() => {
       checkScroll();
@@ -14761,6 +14784,15 @@ const _sfc_main$j = defineComponent({
       if (props.checkable) {
         clientWidth += 40;
       }
+      if (fixedLeftRef.value) {
+        state.fixedLeftWidth = fixedLeftRef.value.clientWidth || 0;
+      }
+      if (fixedRightRef.value) {
+        state.fixedRightWidth = fixedRightRef.value.clientWidth || 0;
+        if (table.clientHeight < table.scrollHeight) {
+          state.fixedRightWidth += 6;
+        }
+      }
       state.scrollClientWidth = table.clientWidth;
       state.scrollbarVisible = clientWidth > state.scrollClientWidth;
       checkScroll();
@@ -14807,45 +14839,57 @@ const _sfc_main$j = defineComponent({
     });
     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 getSelectedKeys = () => {
+      return _.keys(_.pickBy(state.selectedKeysMap, (value) => value === true));
+    };
+    const checkIsAll = () => {
+      const filteredKeys = _.keys(
+        _.pickBy(state.selectedKeysMap, (value) => value === true)
+      );
+      const dataKey = props.dataSource.map((e) => String(e[props.rowKey]));
+      const diffArr = _.difference(dataKey, filteredKeys);
+      state.checkAll = _.isEmpty(diffArr);
     };
-    const initCheckAll = () => {
-      const isAll = selectedKey.value.length > 0 && selectedKey.value.length === props.dataSource.length;
-      if (isAll) {
-        state.checkAll = 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])) {
+    const checkCertain = computed(() => {
+      const selectedKeysMap = state.selectedKeysMap;
+      const i = props.dataSource.findIndex((e) => {
+        if (e[props.rowKey] in selectedKeysMap && selectedKeysMap[e[props.rowKey]]) {
           return true;
         }
         return false;
       });
-    };
-    initCheckbox();
-    watchArray(selectedKey, () => {
-      initCheckbox();
-      initCheckAll();
+      return i >= 0;
     });
+    __expose({ setSelectedKeys, getSelectedKeys });
     onMounted(() => {
       tableObserve();
       checkScroll();
@@ -14861,10 +14905,21 @@ 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
         }])
       }, [
+        createElementVNode("div", {
+          style: normalizeStyle({ left: unref(any2px)(unref(state).fixedLeftWidth) }),
+          class: normalizeClass([{
+            "hide-line-left": !unref(state).scrollbarVisible || ["all", "left"].includes(unref(state).hidScrollLine)
+          }, "lew-table-scroll-line-left"])
+        }, null, 6),
+        createElementVNode("div", {
+          style: normalizeStyle({ right: unref(any2px)(unref(state).fixedRightWidth) }),
+          class: normalizeClass([{
+            "hide-line-right": !unref(state).scrollbarVisible || ["all", "right"].includes(unref(state).hidScrollLine)
+          }, "lew-table-scroll-line-right"])
+        }, null, 6),
         createElementVNode("div", {
           ref_key: "tableRef",
           ref: tableRef,
@@ -14880,25 +14935,26 @@ const _sfc_main$j = defineComponent({
           }, [
             unref(fixedColumns)("left").length > 0 ? (openBlock(), createElementBlock("div", {
               key: 0,
-              class: normalizeClass(["lew-table-fixed-left", {
-                "hid-scroll-line": ["all", "left"].includes(
-                  unref(state).hidScrollLine
-                )
-              }])
+              ref_key: "fixedLeftRef",
+              ref: fixedLeftRef,
+              class: "lew-table-fixed-left"
             }, [
               createElementVNode("div", _hoisted_1$g, [
                 _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,
+                      certain: unref(checkCertain) && !unref(state).checkAll,
                       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", "certain", "modelValue"])) : (openBlock(), createElementBlock("span", _hoisted_2$b, "\u5355\u9009"))
                   ]),
                   _: 1
                 })) : createCommentVNode("v-if", true),
@@ -14917,20 +14973,23 @@ const _sfc_main$j = defineComponent({
                   }, 1032, ["x", "y", "style"]);
                 }), 128))
               ])
-            ], 2)) : createCommentVNode("v-if", true),
-            createElementVNode("div", _hoisted_2$b, [
-              createElementVNode("div", _hoisted_3$6, [
+            ], 512)) : createCommentVNode("v-if", true),
+            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,
+                      certain: unref(checkCertain) && !unref(state).checkAll,
                       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", "certain", "modelValue"])) : createCommentVNode("v-if", true)
                   ]),
                   _: 1
                 })) : createCommentVNode("v-if", true),
@@ -14952,13 +15011,11 @@ const _sfc_main$j = defineComponent({
             ]),
             unref(fixedColumns)("right").length > 0 ? (openBlock(), createElementBlock("div", {
               key: 1,
-              class: normalizeClass(["lew-table-fixed-right", {
-                "hid-scroll-line": ["all", "right"].includes(
-                  unref(state).hidScrollLine
-                )
-              }])
+              ref_key: "fixedRightRef",
+              ref: fixedRightRef,
+              class: "lew-table-fixed-right"
             }, [
-              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}`,
@@ -14974,40 +15031,35 @@ const _sfc_main$j = defineComponent({
                   }, 1032, ["x", "y", "style"]);
                 }), 128))
               ])
-            ], 2)) : createCommentVNode("v-if", true)
+            ], 512)) : createCommentVNode("v-if", true)
           ], 36),
           _ctx.dataSource.length > 0 ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: "lew-table-body",
             style: normalizeStyle(`width: ${unref(getTdTotalWidth)}px`)
           }, [
-            unref(fixedColumns)("left").length > 0 ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: normalizeClass(["lew-table-fixed-left", {
-                "hid-scroll-line": ["all", "left"].includes(
-                  unref(state).hidScrollLine
-                )
-              }])
-            }, [
+            unref(fixedColumns)("left").length > 0 ? (openBlock(), createElementBlock("div", _hoisted_6, [
               (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),
@@ -15032,29 +15084,31 @@ const _sfc_main$j = defineComponent({
                       _: 2
                     }, 1032, ["x", "y", "style"]);
                   }), 128))
-                ], 42, _hoisted_5$1);
+                ], 42, _hoisted_7);
               }), 128))
-            ], 2)) : createCommentVNode("v-if", true),
-            createElementVNode("div", _hoisted_6, [
+            ])) : createCommentVNode("v-if", true),
+            createElementVNode("div", _hoisted_8, [
               (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,22 +15136,16 @@ const _sfc_main$j = defineComponent({
                       _: 2
                     }, 1032, ["x", "y", "style"]);
                   }), 128))
-                ], 42, _hoisted_7);
+                ], 42, _hoisted_9);
               }), 128))
             ]),
-            unref(fixedColumns)("right").length > 0 ? (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: normalizeClass(["lew-table-fixed-right", {
-                "hid-scroll-line": ["all", "right"].includes(
-                  unref(state).hidScrollLine
-                )
-              }])
-            }, [
+            unref(fixedColumns)("right").length > 0 ? (openBlock(), createElementBlock("div", _hoisted_10, [
               (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]]
                   }]),
                   onMouseenter: ($event) => unref(state).hoverIndex = i
                 }, [
@@ -15122,9 +15170,9 @@ const _sfc_main$j = defineComponent({
                       _: 2
                     }, 1032, ["x", "y", "style"]);
                   }), 128))
-                ], 42, _hoisted_8);
+                ], 42, _hoisted_11);
               }), 128))
-            ], 2)) : createCommentVNode("v-if", true)
+            ])) : createCommentVNode("v-if", true)
           ], 4)) : createCommentVNode("v-if", true)
         ], 36),
         _ctx.dataSource.length === 0 ? (openBlock(), createBlock(unref(LewFlex), {