@jetlinks-web/components 2.6.21 → 2.6.23

package/es/ProTable/Content.js

@@ -21,29 +21,36 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "_contentProps": "setup-maybe-ref",
   "Table": "setup-maybe-ref",
   "get": "setup-maybe-ref",
+  "omit": "setup-maybe-ref",
   "Empty": "setup-maybe-ref",
+  "useTableInject": "setup-maybe-ref",
   "props": "setup-reactive-const",
   "slots": "setup-maybe-ref",
+  "_rowSelection": "setup-maybe-ref",
   "_columns": "setup-ref",
+  "_slots": "setup-ref",
   "_scroll": "setup-ref",
-  "gridTemplateColumns": "setup-ref"
+  "gridTemplateColumns": "setup-ref",
+  "onClick": "setup-const"
 } */
 import { defineComponent as _defineComponent } from 'vue';
-import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createCommentVNode as _createCommentVNode, unref as _unref, createVNode as _createVNode, mergeProps as _mergeProps, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withCtx as _withCtx, createSlots as _createSlots, createBlock as _createBlock } from "vue";
+import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, mergeProps as _mergeProps, renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createCommentVNode as _createCommentVNode, unref as _unref, createVNode as _createVNode, normalizeProps as _normalizeProps, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withCtx as _withCtx, createSlots as _createSlots, createBlock as _createBlock } from "vue";
 const _hoisted_1 = { class: "jtable-box" };
 const _hoisted_2 = {
     key: 0,
     class: "jtable-card"
 };
-const _hoisted_3 = {
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = {
     key: 1,
     class: "j-table-empty"
 };
 import { useSlots, computed } from 'vue';
 import { _contentProps } from "./setting";
 import { Table } from 'ant-design-vue/es/';
-import { get } from 'lodash-es';
+import { get, omit } from 'lodash-es';
 import Empty from '../Empty';
+import { useTableInject } from './hooks';
 const __sfc_main__ = _defineComponent({
     ...{
         name: 'Content'
@@ -58,7 +65,11 @@ const __sfc_main__ = _defineComponent({
     setup(__props) {
         const props = __props;
         const slots = useSlots();
+        const _rowSelection = useTableInject();
         const _columns = computed(() => props.columns.filter((i) => !_optionalChain([i, 'optionalAccess', _2 => _2.hideInTable])));
+        const _slots = computed(() => {
+            return omit(slots, ['emptyText', 'bodyCell']);
+        });
         const _scroll = computed(() => {
             if (props.scroll === false) {
                 return {
@@ -74,6 +85,12 @@ const __sfc_main__ = _defineComponent({
         const gridTemplateColumns = computed(() => {
             return `repeat(${props.column}, 1fr)`;
         });
+        const onClick = (item) => {
+            if (_rowSelection && _rowSelection.value) {
+                const _selected = _optionalChain([_rowSelection, 'access', _3 => _3.value, 'access', _4 => _4.selectedRowKeys, 'optionalAccess', _5 => _5.includes, 'call', _6 => _6(item[props.rowKey])]);
+                _optionalChain([_rowSelection, 'access', _7 => _7.value, 'access', _8 => _8.onSelect, 'optionalCall', _9 => _9(item, !_selected)]);
+            }
+        };
         return (_ctx, _cache) => {
             return (_openBlock(), _createElementBlock("div", _hoisted_1, [
                 (_ctx.mode === 'CARD')
@@ -87,36 +104,35 @@ const __sfc_main__ = _defineComponent({
                                 (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.dataSource, (item) => {
                                     return (_openBlock(), _createElementBlock("div", {
                                         class: _normalizeClass(['jtable-card-item', props.cardBodyClass]),
-                                        key: item[props.rowKey]
+                                        key: item[props.rowKey],
+                                        onClick: ($event) => (onClick(item))
                                     }, [
-                                        _renderSlot(_ctx.$slots, "card", _normalizeProps(_guardReactiveProps(item)))
-                                    ], 2 /* CLASS */));
+                                        _renderSlot(_ctx.$slots, "card", _mergeProps({ ref_for: true }, item))
+                                    ], 10 /* CLASS, PROPS */, _hoisted_3));
                                 }), 128 /* KEYED_FRAGMENT */))
                             ], 4 /* STYLE */))
-                            : (_openBlock(), _createElementBlock("div", _hoisted_3, [
+                            : (_openBlock(), _createElementBlock("div", _hoisted_4, [
                                 _renderSlot(_ctx.$slots, "emptyText", {}, () => [
                                     _createVNode(_unref(Empty))
                                 ])
                             ]))
                     ]))
                     : (_openBlock(), _createBlock(_unref(Table), _mergeProps({ key: 1 }, props, {
+                        "row-selection": _ctx.rowSelection || _unref(_rowSelection),
                         dataSource: _ctx.dataSource,
                         columns: _columns.value,
                         pagination: false,
                         scroll: _scroll.value,
-                        class: { 'j-table-scroll': !_optionalChain([props, 'access', _3 => _3.scroll, 'optionalAccess', _4 => _4.y]) }
+                        class: { 'j-table-scroll': !_optionalChain([props, 'access', _10 => _10.scroll, 'optionalAccess', _11 => _11.y]) }
                     }), _createSlots({
-                        headerCell: _withCtx(({ column, title }) => [
-                            _renderSlot(_ctx.$slots, "headerCell", _normalizeProps(_guardReactiveProps({ column, title })))
-                        ]),
                         bodyCell: _withCtx(({ column, record, index }) => [
-                            ((_optionalChain([column, 'optionalAccess', _5 => _5.key]) || _optionalChain([column, 'optionalAccess', _6 => _6.dataIndex])) && _optionalChain([column, 'optionalAccess', _7 => _7.scopedSlots]) && (_optionalChain([_unref, 'call', _8 => _8(slots), 'optionalAccess', _9 => _9[_optionalChain([column, 'optionalAccess', _10 => _10.dataIndex])]]) || _optionalChain([_unref, 'call', _11 => _11(slots), 'optionalAccess', _12 => _12[_optionalChain([column, 'optionalAccess', _13 => _13.key])]])))
-                                ? _renderSlot(_ctx.$slots, _optionalChain([column, 'optionalAccess', _14 => _14.key]) || _optionalChain([column, 'optionalAccess', _15 => _15.dataIndex]), _mergeProps({ key: 0 }, record, {
+                            ((_optionalChain([column, 'optionalAccess', _12 => _12.key]) || _optionalChain([column, 'optionalAccess', _13 => _13.dataIndex])) && _optionalChain([column, 'optionalAccess', _14 => _14.scopedSlots]) && (_optionalChain([_slots, 'access', _15 => _15.value, 'optionalAccess', _16 => _16[_optionalChain([column, 'optionalAccess', _17 => _17.dataIndex])]]) || _optionalChain([_slots, 'access', _18 => _18.value, 'optionalAccess', _19 => _19[_optionalChain([column, 'optionalAccess', _20 => _20.key])]])))
+                                ? _renderSlot(_ctx.$slots, _optionalChain([column, 'optionalAccess', _21 => _21.key]) || _optionalChain([column, 'optionalAccess', _22 => _22.dataIndex]), _mergeProps({ key: 0 }, record, {
                                     index: index,
                                     column: column
                                 }))
                                 : (_openBlock(), _createElementBlock(_Fragment, { key: 1 }, [
-                                    _createTextVNode(_toDisplayString(_unref(get)(record, _optionalChain([column, 'optionalAccess', _16 => _16.dataIndex]) || _optionalChain([column, 'optionalAccess', _17 => _17.key])) || '--'), 1 /* TEXT */)
+                                    _createTextVNode(_toDisplayString(_unref(get)(record, _optionalChain([column, 'optionalAccess', _23 => _23.dataIndex]) || _optionalChain([column, 'optionalAccess', _24 => _24.key])) || '--'), 1 /* TEXT */)
                                 ], 64 /* STABLE_FRAGMENT */))
                         ]),
                         emptyText: _withCtx(() => [
@@ -126,17 +142,17 @@ const __sfc_main__ = _defineComponent({
                         ]),
                         _: 2 /* DYNAMIC */
                     }, [
-                        _renderList(_unref(slots), (_, slotKey) => {
+                        _renderList(_slots.value, (_, slotKey) => {
                             return {
                                 name: slotKey,
                                 fn: _withCtx((slotProps) => [
-                                    (!['headerCell', 'bodyCell', 'emptyText'].includes(slotKey))
+                                    (!((_optionalChain([__props, 'access', _25 => _25.column, 'optionalAccess', _26 => _26.key]) || _optionalChain([__props, 'access', _27 => _27.column, 'optionalAccess', _28 => _28.dataIndex])) && _optionalChain([__props, 'access', _29 => _29.column, 'optionalAccess', _30 => _30.scopedSlots]) && (_optionalChain([_slots, 'access', _31 => _31.value, 'optionalAccess', _32 => _32[_optionalChain([__props, 'access', _33 => _33.column, 'optionalAccess', _34 => _34.dataIndex])]]) || _optionalChain([_slots, 'access', _35 => _35.value, 'optionalAccess', _36 => _36[_optionalChain([__props, 'access', _37 => _37.column, 'optionalAccess', _38 => _38.key])]]))))
                                         ? _renderSlot(_ctx.$slots, slotKey, _normalizeProps(_mergeProps({ key: 0 }, slotProps)))
                                         : _createCommentVNode("v-if", true)
                                 ])
                             };
                         })
-                    ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["dataSource", "columns", "scroll", "class"]))
+                    ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["row-selection", "dataSource", "columns", "scroll", "class"]))
             ]));
         };
     }

package/es/ProTable/style/ProTable.less

@@ -1,138 +1,138 @@
-@import '../../style/variable.less';
-@import 'ant-design-vue/es/pagination/style/index.less';
-@import 'ant-design-vue/es/table/style/index.less';
-@import 'ant-design-vue/es/button/style/index.less';
-@import 'ant-design-vue/es/alert/style/index.less';
-@import 'ant-design-vue/es/radio/style/index.less';
-@import 'ant-design-vue/es/spin/style/index.less';
-
-.jtable-body-spin {
-  height: 100%;
-  width: 100%;
-  background-color: #fff;
-
-  .ant-spin-nested-loading {
-    height: 100%;
-
-    .ant-spin-container {
-      height: 100%;
-    }
-  }
-
-  .jtable-body {
-    width: 100%;
-    box-sizing: border-box;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-  }
-}
-
-.jtable-body-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 16px;
-  width: 100%;
-  gap: 8px;
-
-  .jtable-body-header-left {
-    flex: 1;
-    min-width: 0;
-  }
-
-  .jtable-body-header-right {
-    display: flex;
-    gap: 8px;
-    align-items: center;
-
-    .jtable-body-header-right-button {
-      width: 62px;
-
-      .right-button-icon {
-        font-size: 16px;
-        color: #d9d9d9;
-      }
-
-      .ant-radio-button-wrapper {
-        padding: 0 8px;
-      }
-
-      :deep(.ant-radio-button-wrapper-checked) {
-        color: @primary-color;
-      }
-    }
-  }
-}
-
-.jtable-box {
-  flex: 1;
-  min-height: 0;
-
-  .jtable-card {
-    height: 100%;
-    overflow-y: auto;
-
-    .jtable-card-items {
-      display: grid;
-      grid-gap: 26px;
-
-      .jtable-card-item {
-        display: flex;
-        min-width: 0;
-      }
-    }
-
-    .j-table-empty {
-      margin-top: 100px;
-    }
-  }
-
-  .ant-table-wrapper {
-    height: 100%;
-    .ant-table {
-      height: 100%;
-
-      .ant-table-container {
-        height: 100%;
-
-        .ant-table-content {
-          height: 100%;
-        }
-      }
-    }
-  }
-
-  .j-table-scroll {
-
-    .ant-table-container {
-      display: flex;
-      flex-direction: column;
-
-      .ant-table-body {
-        flex: 1;
-        min-height: 0;
-      }
-    }
-  }
-}
-
-.jtable-alert {
-  margin-bottom: 16px;
-}
-
-.jtable-pagination {
-  width: 100%;
-  display: flex;
-  justify-content: flex-end;
-  margin-top: 16px;
-
-  .hide-content {
-    .@{ant-prefix}-pagination-item,
-    & .@{ant-prefix}-pagination-jump-prev,
-    & .@{ant-prefix}-pagination-jump-next {
-      display: none;
-    }
-  }
-}
-
+@import '../../style/variable.less';
+@import 'ant-design-vue/es/pagination/style/index.less';
+@import 'ant-design-vue/es/table/style/index.less';
+@import 'ant-design-vue/es/button/style/index.less';
+@import 'ant-design-vue/es/alert/style/index.less';
+@import 'ant-design-vue/es/radio/style/index.less';
+@import 'ant-design-vue/es/spin/style/index.less';
+
+.jtable-body-spin {
+  height: 100%;
+  width: 100%;
+  background-color: #fff;
+
+  .ant-spin-nested-loading {
+    height: 100%;
+
+    .ant-spin-container {
+      height: 100%;
+    }
+  }
+
+  .jtable-body {
+    width: 100%;
+    box-sizing: border-box;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+}
+
+.jtable-body-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16px;
+  width: 100%;
+  gap: 8px;
+
+  .jtable-body-header-left {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .jtable-body-header-right {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+
+    .jtable-body-header-right-button {
+      width: 62px;
+
+      .right-button-icon {
+        font-size: 16px;
+        color: #d9d9d9;
+      }
+
+      .ant-radio-button-wrapper {
+        padding: 0 8px;
+      }
+
+      :deep(.ant-radio-button-wrapper-checked) {
+        color: @primary-color;
+      }
+    }
+  }
+}
+
+.jtable-box {
+  flex: 1;
+  min-height: 0;
+
+  .jtable-card {
+    height: 100%;
+    overflow-y: auto;
+
+    .jtable-card-items {
+      display: grid;
+      grid-gap: 26px;
+
+      .jtable-card-item {
+        display: flex;
+        min-width: 0;
+      }
+    }
+
+    .j-table-empty {
+      margin-top: 100px;
+    }
+  }
+
+  .ant-table-wrapper {
+    height: 100%;
+    .ant-table {
+      height: 100%;
+
+      .ant-table-container {
+        height: 100%;
+
+        .ant-table-content {
+          height: 100%;
+        }
+      }
+    }
+  }
+
+  .j-table-scroll {
+
+    .ant-table-container {
+      display: flex;
+      flex-direction: column;
+
+      .ant-table-body {
+        flex: 1;
+        min-height: 0;
+      }
+    }
+  }
+}
+
+.jtable-alert {
+  margin-bottom: 16px;
+}
+
+.jtable-pagination {
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 16px;
+
+  .hide-content {
+    .@{ant-prefix}-pagination-item,
+    & .@{ant-prefix}-pagination-jump-prev,
+    & .@{ant-prefix}-pagination-jump-next {
+      display: none;
+    }
+  }
+}
+

package/es/RadioButton/RadioButton.js

@@ -2,7 +2,6 @@
   "value": "props",
   "options": "props",
   "columns": "props",
-  "defineOptions": "setup-const",
   "ref": "setup-const",
   "computed": "setup-const",
   "watch": "setup-const",

package/es/Search/Advanced/SaveHistory.js

@@ -22,8 +22,7 @@
   "saveHistory": "setup-const"
 } */
 import { defineComponent as _defineComponent } from 'vue';
-import { unref as _unref, createVNode as _createVNode, withCtx as _withCtx, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1749203558435"), n = n(), _popScopeId(), n);
+import { unref as _unref, createVNode as _createVNode, withCtx as _withCtx, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock } from "vue";
 const _hoisted_1 = {
     key: 0,
     style: { "width": "240px" }

package/es/Search/Item.js

@@ -79,8 +79,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "valueChange": "setup-const"
 } */
 import { defineComponent as _defineComponent } from 'vue';
-import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, createVNode as _createVNode, Fragment as _Fragment, normalizeStyle as _normalizeStyle, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1749203557670"), n = n(), _popScopeId(), n);
+import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, createVNode as _createVNode, Fragment as _Fragment, normalizeStyle as _normalizeStyle, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, createElementVNode as _createElementVNode } from "vue";
 const _hoisted_1 = { class: "JSearch-item" };
 const _hoisted_2 = {
     key: 0,

package/es/Title/title.js

@@ -1,7 +1,6 @@
 /* Analyzed bindings: {
   "data": "props",
   "style": "props",
-  "defineOptions": "setup-const",
   "props": "setup-reactive-const"
 } */
 import { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, renderSlot as _renderSlot, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";

package/es/style/index.css

@@ -777,7 +777,7 @@
      -moz-user-select: none;
           user-select: none;
 }
-.ant-pagination-options-quick-jumper input:-moz-placeholder-shown {
+.ant-pagination-options-quick-jumper input:-moz-placeholder {
   text-overflow: ellipsis;
 }
 .ant-pagination-options-quick-jumper input:placeholder-shown {

package/es/style/variable.less

@@ -1,4 +1,4 @@
-@import 'ant-design-vue/es/style/themes/index.less';
-
-@text-color-title: #000;
-@text-color-subtitle: #263237;
+@import 'ant-design-vue/es/style/themes/index.less';
+
+@text-color-title: #000;
+@text-color-subtitle: #263237;

package/lib/AMap/Map.js

@@ -10,7 +10,6 @@
   "ref": "setup-const",
   "computed": "setup-const",
   "inject": "setup-const",
-  "defineOptions": "setup-const",
   "initAMapApiLoader": "setup-maybe-ref",
   "ElAmap": "setup-maybe-ref",
   "getAMapUiPromise": "setup-maybe-ref",
@@ -32,7 +31,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { renderSlot as _renderSlot, unref as _unref, mergeProps as _mergeProps, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementBlock as _createElementBlock } from "vue";
-import { ref, computed, inject, } from 'vue';
+import { ref, computed, inject } from 'vue';
 import { initAMapApiLoader, ElAmap } from '@vuemap/vue-amap';
 import { getAMapUiPromise } from '@jetlinks-web/utils';
 import { MapProps } from './util';

package/lib/AutoComplete/AutoComplete.js

@@ -19,7 +19,6 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "AutoComplete": "setup-maybe-ref",
   "autoCompleteProps": "setup-maybe-ref",
   "ref": "setup-const",
-  "defineOptions": "setup-const",
   "watch": "setup-const",
   "props": "setup-reactive-const",
   "emit": "setup-const",

package/lib/BadgeStatus/Badge.js

@@ -3,7 +3,6 @@
   "status": "props",
   "statusNames": "props",
   "computed": "setup-const",
-  "defineOptions": "setup-const",
   "getHexColor": "setup-maybe-ref",
   "Badge": "setup-maybe-ref",
   "props": "setup-reactive-const",
@@ -11,7 +10,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-import { computed, } from 'vue';
+import { computed } from 'vue';
 import { getHexColor } from './color';
 import { Badge } from 'ant-design-vue/lib/';
 const __sfc_main__ = _defineComponent({

package/lib/CardSelect/CardSelect.js

@@ -10,7 +10,6 @@
   "computed": "setup-const",
   "ref": "setup-const",
   "watch": "setup-const",
-  "defineOptions": "setup-const",
   "props": "setup-reactive-const",
   "emit": "setup-const",
   "selectKeys": "setup-ref",
@@ -24,7 +23,7 @@ const _hoisted_2 = { class: "j-card-select-item-content" };
 const _hoisted_3 = { class: "j-card-select-title" };
 const _hoisted_4 = { class: "j-card-select-describe" };
 import { has } from 'lodash-es';
-import { computed, ref, watch, } from 'vue';
+import { computed, ref, watch } from 'vue';
 const __sfc_main__ = Object.assign({
     name: 'JCardSelect'
 }, {

package/lib/CheckButton/CheckButton.js

@@ -8,7 +8,6 @@
   "computed": "setup-const",
   "ref": "setup-const",
   "watch": "setup-const",
-  "defineOptions": "setup-const",
   "isArray": "setup-maybe-ref",
   "props": "setup-reactive-const",
   "emit": "setup-const",
@@ -20,7 +19,7 @@
 import { defineComponent as _defineComponent } from 'vue';
 import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle } from "vue";
 const _hoisted_1 = ["onClick"];
-import { computed, ref, watch, } from 'vue';
+import { computed, ref, watch } from 'vue';
 import { isArray } from '@jetlinks-web/utils';
 const __sfc_main__ = _defineComponent({
     ...{

package/lib/CheckButton/style/index.less

@@ -1,40 +1,40 @@
-@import 'ant-design-vue/lib/style/themes/index.less';
-
-.j-check-button {
-  display: flex;
-  gap: 16px;
-  width: 100%;
-
-  .j-check-button-item {
-    flex: 1;
-    min-width: 0;
-    padding: 8px;
-    border-radius: @border-radius-base;
-    background-color: #f2f3f5;
-    transition: all 0.3s;
-    color: #333;
-    text-align: center;
-    cursor: pointer;
-
-    &:hover {
-      background-color: @primary-color;
-      opacity: 0.85;
-      color: #fff;
-    }
-
-    &.selected {
-      background-color: @primary-color;
-      color: #fff;
-    }
-
-    &.disabled {
-      cursor: not-allowed;
-      color: #00000060;
-
-      &:hover {
-        background-color: #f2f3f5;
-        color: #00000060;
-      }
-    }
-  }
-}
+@import 'ant-design-vue/lib/style/themes/index.less';
+
+.j-check-button {
+  display: flex;
+  gap: 16px;
+  width: 100%;
+
+  .j-check-button-item {
+    flex: 1;
+    min-width: 0;
+    padding: 8px;
+    border-radius: @border-radius-base;
+    background-color: #f2f3f5;
+    transition: all 0.3s;
+    color: #333;
+    text-align: center;
+    cursor: pointer;
+
+    &:hover {
+      background-color: @primary-color;
+      opacity: 0.85;
+      color: #fff;
+    }
+
+    &.selected {
+      background-color: @primary-color;
+      color: #fff;
+    }
+
+    &.disabled {
+      cursor: not-allowed;
+      color: #00000060;
+
+      &:hover {
+        background-color: #f2f3f5;
+        color: #00000060;
+      }
+    }
+  }
+}

package/lib/DragModal/DragModal.js

@@ -23,7 +23,6 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "footer": "props",
   "ref": "setup-const",
   "useSlots": "setup-const",
-  "defineOptions": "setup-const",
   "computed": "setup-const",
   "onMounted": "setup-const",
   "watch": "setup-const",