ll-plus 2.6.23 → 2.6.24

package/lib/packages/components/icon-picker/src/components/search.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.vue2.js","sources":["../../../../../../../packages/components/icon-picker/src/components/search.vue"],"sourcesContent":["<template>\n  <a-input-group compact>\n    <a-input\n      :value=\"props.value\"\n      readonly\n      v-bind=\"attrs\"\n      style=\"width: calc(100% - 60px)\"\n    >\n      <template #suffix>\n        <ll-icon :icon-name=\"'icon-' + value\" />\n      </template>\n    </a-input>\n\n    <slot name=\"rightButton\">\n      <a-button type=\"primary\" @click=\"handleCloseModalVisible\">图标</a-button>\n    </slot>\n  </a-input-group>\n</template>\n<script lang=\"ts\" setup>\nimport { useAttrs } from 'vue'\n\nimport { iconPickerSearchProps, iconPickerSearchEmits } from '../config'\n\ndefineOptions({\n  name: 'LlIconPickerSearch'\n})\n\nconst props = defineProps(iconPickerSearchProps)\nconst emits = defineEmits(iconPickerSearchEmits)\n\nconst attrs = useAttrs()\n\nconst handleCloseModalVisible = () => emits('handleModalVisible', true)\n</script>\n<style lang=\"less\" scoped></style>\n"],"names":["useAttrs"],"mappings":";;;;;;;;;;;;;;;;;AA2BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAEvB,IAAA,MAAM,uBAA0B,GAAA,MAAM,KAAM,CAAA,oBAAA,EAAsB,IAAI,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"search.vue2.js","sources":["../../../../../../../packages/components/icon-picker/src/components/search.vue"],"sourcesContent":["<template>\n  <a-input-group compact :class=\"bem.b()\">\n    <a-input\n      :value=\"props.value\"\n      readonly\n      v-bind=\"attrs\"\n      style=\"width: calc(100% - 60px)\"\n    >\n      <template #suffix>\n        <ll-icon :icon-name=\"'icon-' + value\" />\n      </template>\n    </a-input>\n\n    <slot name=\"rightButton\">\n      <a-button\n        type=\"primary\"\n        :class=\"bem.e('btn')\"\n        @click=\"handleCloseModalVisible\"\n        >图标\n      </a-button>\n    </slot>\n  </a-input-group>\n</template>\n<script lang=\"ts\" setup>\nimport { useAttrs } from 'vue'\n\nimport { iconPickerSearchProps, iconPickerSearchEmits } from '../config'\nimport { createNamespace } from '@ll-plus/utils'\n\ndefineOptions({\n  name: 'LlIconPickerSearch'\n})\n\nconst props = defineProps(iconPickerSearchProps)\nconst emits = defineEmits(iconPickerSearchEmits)\n\nconst attrs = useAttrs()\nconst bem = createNamespace('icon-picker-search')\nconst handleCloseModalVisible = () => emits('handleModalVisible', true)\n</script>\n<style lang=\"less\" scoped></style>\n"],"names":["useAttrs","createNamespace"],"mappings":";;;;;;;;;;;;;;;;;;;AAiCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AACvB,IAAM,MAAA,GAAA,GAAMC,gCAAgB,oBAAoB,CAAA,CAAA;AAChD,IAAA,MAAM,uBAA0B,GAAA,MAAM,KAAM,CAAA,oBAAA,EAAsB,IAAI,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/components/input/src/input.js

@@ -30,7 +30,7 @@ const inputProps = runtime.buildProps({
     type: Boolean
   },
   /**
-   * @description 是否显示密码框
+   * @description 是否点击清除图标删除内容
    */
   allowClear: {
     type: Boolean,

package/lib/packages/components/input/src/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sources":["../../../../../../packages/components/input/src/input.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { InputProps as AntInputProps } from 'ant-design-vue'\nimport type Input from './input.vue'\n\nexport const inputProps = buildProps({\n  /**\n   * @description input的value\n   */\n  value: {\n    type: definePropType<AntInputProps['value']>(String)\n  },\n  /**\n   * @description 带有前缀图标的 input\n   */\n  prefixIcon: {\n    type: String\n  },\n  /**\n   * @description 带有后缀图标的 input\n   */\n  suffixIcon: {\n    type: String\n  },\n  /**\n   * @description 是否显示密码框\n   */\n  showPassword: {\n    type: Boolean\n  },\n  /**\n   * @description 是否显示密码框\n   */\n  allowClear: {\n    type: Boolean,\n    default: true\n  }\n} as const)\n\n// props\nexport type InputProps = ExtractPropTypes<typeof inputProps> // ExtractPropTypes和defineCpmponent类似\nexport type InputValue = AntInputProps['value']\n\n// instance\nexport type InputInstance = InstanceType<typeof Input>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAMO,MAAM,aAAaA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAInC,KAAO,EAAA;AAAA,IACL,IAAA,EAAMC,uBAAuC,MAAM,CAAA;AAAA,GACrD;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAU;;;;"}
+{"version":3,"file":"input.js","sources":["../../../../../../packages/components/input/src/input.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { InputProps as AntInputProps } from 'ant-design-vue'\nimport type Input from './input.vue'\n\nexport const inputProps = buildProps({\n  /**\n   * @description input的value\n   */\n  value: {\n    type: definePropType<AntInputProps['value']>(String)\n  },\n  /**\n   * @description 带有前缀图标的 input\n   */\n  prefixIcon: {\n    type: String\n  },\n  /**\n   * @description 带有后缀图标的 input\n   */\n  suffixIcon: {\n    type: String\n  },\n  /**\n   * @description 是否显示密码框\n   */\n  showPassword: {\n    type: Boolean\n  },\n  /**\n   * @description 是否点击清除图标删除内容\n   */\n  allowClear: {\n    type: Boolean,\n    default: true\n  }\n} as const)\n\n// props\nexport type InputProps = ExtractPropTypes<typeof inputProps> // ExtractPropTypes和defineCpmponent类似\nexport type InputValue = AntInputProps['value']\n\n// instance\nexport type InputInstance = InstanceType<typeof Input>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAMO,MAAM,aAAaA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAInC,KAAO,EAAA;AAAA,IACL,IAAA,EAAMC,uBAAuC,MAAM,CAAA;AAAA,GACrD;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAU;;;;"}

package/lib/packages/components/input/src/input.vue2.js

@@ -18,6 +18,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const innerValue = vue.ref("");
     const inputRef = vue.ref();
+    const allowClear = vue.ref(props.allowClear);
+    const handleMouseOver = () => {
+      if (props.allowClear) {
+        allowClear.value = true;
+      }
+    };
+    const handleMouseOut = (e) => {
+    };
     vue.watchEffect(() => {
       if (props.value !== innerValue.value) {
         innerValue.value = props.value;
@@ -31,48 +39,74 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const focus = () => {
       inputRef.value.focus();
     };
+    vue.onMounted(() => {
+      if (props.allowClear) {
+        const clearIcon = inputRef.value?.$el.querySelector(".ant-input-clear-icon");
+        if (clearIcon) {
+          clearIcon.addEventListener("mouseover", (e) => {
+            e.stopPropagation();
+            allowClear.value = true;
+          });
+          clearIcon.addEventListener("mouseout", (e) => {
+            if (e.relatedTarget && inputRef.value.$el.contains(e.relatedTarget)) {
+              return;
+            }
+            allowClear.value = false;
+          });
+        }
+      }
+    });
     __expose({ focus });
     return (_ctx, _cache) => {
       const _component_ll_icon = vue.resolveComponent("ll-icon");
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(componentType)), vue.mergeProps({
-        ref_key: "inputRef",
-        ref: inputRef,
-        class: vue.unref(bem).b()
-      }, computedAttrs.value, {
-        "allow-clear": props.allowClear
-      }), vue.createSlots({
-        _: 2
-        /* DYNAMIC */
-      }, [
-        vue.renderList(Object.keys(_ctx.$slots), (item) => {
-          return {
-            name: item,
-            fn: vue.withCtx((data) => [
-              vue.renderSlot(_ctx.$slots, item, vue.normalizeProps(vue.guardReactiveProps(data || {})))
-            ])
-          };
-        }),
-        _ctx.prefixIcon ? {
-          name: "prefix",
-          fn: vue.withCtx(() => [
-            vue.createVNode(_component_ll_icon, {
-              "icon-name": _ctx.prefixIcon,
-              "class-name": "prefix-icon"
-            }, null, 8, ["icon-name"])
-          ]),
-          key: "0"
-        } : void 0,
-        _ctx.suffixIcon ? {
-          name: "suffix",
-          fn: vue.withCtx(() => [
-            vue.createVNode(_component_ll_icon, {
-              "icon-name": _ctx.suffixIcon,
-              "class-name": "suffix-icon"
-            }, null, 8, ["icon-name"])
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1040, ["class", "allow-clear"]);
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          onMouseover: handleMouseOver,
+          onMouseout: handleMouseOut
+        },
+        [
+          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(componentType)), vue.mergeProps({
+            ref_key: "inputRef",
+            ref: inputRef,
+            class: vue.unref(bem).b()
+          }, computedAttrs.value, { "allow-clear": allowClear.value }), vue.createSlots({
+            _: 2
+            /* DYNAMIC */
+          }, [
+            vue.renderList(Object.keys(_ctx.$slots), (item) => {
+              return {
+                name: item,
+                fn: vue.withCtx((data) => [
+                  vue.renderSlot(_ctx.$slots, item, vue.normalizeProps(vue.guardReactiveProps(data || {})))
+                ])
+              };
+            }),
+            _ctx.prefixIcon ? {
+              name: "prefix",
+              fn: vue.withCtx(() => [
+                vue.createVNode(_component_ll_icon, {
+                  "icon-name": _ctx.prefixIcon,
+                  class: "prefix-icon"
+                }, null, 8, ["icon-name"])
+              ]),
+              key: "0"
+            } : void 0,
+            _ctx.suffixIcon ? {
+              name: "suffix",
+              fn: vue.withCtx(() => [
+                vue.createVNode(_component_ll_icon, {
+                  "icon-name": _ctx.suffixIcon,
+                  class: "suffix-icon"
+                }, null, 8, ["icon-name"])
+              ]),
+              key: "1"
+            } : void 0
+          ]), 1040, ["class", "allow-clear"]))
+        ],
+        32
+        /* NEED_HYDRATION */
+      );
     };
   }
 });

package/lib/packages/components/input/src/input.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.vue2.js","sources":["../../../../../../packages/components/input/src/input.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"componentType\"\n    ref=\"inputRef\"\n    :class=\"bem.b()\"\n    v-bind=\"computedAttrs\"\n    :allow-clear=\"props.allowClear\"\n  >\n    <template v-for=\"item in Object.keys($slots)\" :key=\"item\" #[item]=\"data\">\n      <slot :name=\"item\" v-bind=\"data || {}\"></slot>\n    </template>\n    <template v-if=\"prefixIcon\" #prefix>\n      <ll-icon :icon-name=\"prefixIcon\" class-name=\"prefix-icon\" />\n    </template>\n    <template v-if=\"suffixIcon\" #suffix>\n      <ll-icon :icon-name=\"suffixIcon\" class-name=\"suffix-icon\" />\n    </template>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, useAttrs, watchEffect } from 'vue'\nimport { Input } from 'ant-design-vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { InputValue, inputProps } from './input'\n\ndefineOptions({ name: 'LlInput' })\n\nconst bem = createNamespace('input')\n\nconst props = defineProps(inputProps)\n\nconst innerValue = ref<InputValue>('')\n\nconst inputRef = ref()\n\nwatchEffect(() => {\n  if (props.value !== innerValue.value) {\n    innerValue.value = props.value\n  }\n})\n\nconst componentType = props.showPassword ? Input.Password : Input\n\nconst computedAttrs = computed(() => {\n  const attrs = { ...useAttrs(), ...props }\n\n  return attrs\n})\n\nconst focus = () => {\n  inputRef.value.focus()\n}\n\ndefineExpose({ focus })\n</script>\n"],"names":["createNamespace","ref","watchEffect","Input","computed","useAttrs"],"mappings":";;;;;;;;;;;;;;;;AA4BA,IAAM,MAAA,GAAA,GAAMA,gCAAgB,OAAO,CAAA,CAAA;AAEnC,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,UAAA,GAAaC,QAAgB,EAAE,CAAA,CAAA;AAErC,IAAA,MAAM,WAAWA,OAAI,EAAA,CAAA;AAErB,IAAAC,eAAA,CAAY,MAAM;AAChB,MAAI,IAAA,KAAA,CAAM,KAAU,KAAA,UAAA,CAAW,KAAO,EAAA;AACpC,QAAA,UAAA,CAAW,QAAQ,KAAM,CAAA,KAAA,CAAA;AAAA,OAC3B;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,aAAgB,GAAA,KAAA,CAAM,YAAe,GAAAC,kBAAA,CAAM,QAAW,GAAAA,kBAAA,CAAA;AAE5D,IAAM,MAAA,aAAA,GAAgBC,aAAS,MAAM;AACnC,MAAA,MAAM,QAAQ,EAAE,GAAGC,YAAS,EAAA,EAAG,GAAG,KAAM,EAAA,CAAA;AAExC,MAAO,OAAA,KAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAA,QAAA,CAAS,MAAM,KAAM,EAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAa,QAAA,CAAA,EAAE,OAAO,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"input.vue2.js","sources":["../../../../../../packages/components/input/src/input.vue"],"sourcesContent":["<template>\n  <div @mouseover=\"handleMouseOver\" @mouseout=\"handleMouseOut\">\n    <component\n      :is=\"componentType\"\n      ref=\"inputRef\"\n      :class=\"bem.b()\"\n      v-bind=\"computedAttrs\"\n      :allow-clear=\"allowClear\"\n    >\n      <template v-for=\"item in Object.keys($slots)\" :key=\"item\" #[item]=\"data\">\n        <slot :name=\"item\" v-bind=\"data || {}\"></slot>\n      </template>\n      <template v-if=\"prefixIcon\" #prefix>\n        <ll-icon :icon-name=\"prefixIcon\" class=\"prefix-icon\" />\n      </template>\n      <template v-if=\"suffixIcon\" #suffix>\n        <ll-icon :icon-name=\"suffixIcon\" class=\"suffix-icon\" />\n      </template>\n    </component>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, useAttrs, watchEffect, onMounted } from 'vue'\nimport { Input } from 'ant-design-vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { InputValue, inputProps } from './input'\n\ndefineOptions({ name: 'LlInput' })\n\nconst bem = createNamespace('input')\n\nconst props = defineProps(inputProps)\n\nconst innerValue = ref<InputValue>('')\n\nconst inputRef = ref()\n\nconst allowClear = ref(props.allowClear)\n\n// 鼠标移入事件\nconst handleMouseOver = () => {\n  if (props.allowClear) {\n    allowClear.value = true\n  }\n}\n\n// 鼠标移出事件\nconst handleMouseOut = (e: any) => {\n  // if (!props.allowClear) {\n  //   return\n  // }\n  // if (\n  //   e.relatedTarget &&\n  //   (e.relatedTarget.classList.contains('ant-input-clear-icon') ||\n  //     e.relatedTarget.closest('.ant-input-clear-icon'))\n  // ) {\n  //   return\n  // }\n  // allowClear.value = false\n}\n\nwatchEffect(() => {\n  if (props.value !== innerValue.value) {\n    innerValue.value = props.value\n  }\n})\n\nconst componentType = props.showPassword ? Input.Password : Input\n\nconst computedAttrs = computed(() => {\n  const attrs = { ...useAttrs(), ...props }\n\n  return attrs\n})\n\nconst focus = () => {\n  inputRef.value.focus()\n}\n\n// 给图标阻止冒泡事件\nonMounted(() => {\n  if (props.allowClear) {\n    const clearIcon = inputRef.value?.$el.querySelector('.ant-input-clear-icon')\n    if (clearIcon) {\n      clearIcon.addEventListener('mouseover', (e: any) => {\n        e.stopPropagation()\n        allowClear.value = true\n      })\n      clearIcon.addEventListener('mouseout', (e: any) => {\n        if (e.relatedTarget && inputRef.value.$el.contains(e.relatedTarget)) {\n          return\n        }\n        allowClear.value = false\n      })\n    }\n  }\n})\n\ndefineExpose({ focus })\n</script>\n"],"names":["createNamespace","ref","watchEffect","Input","computed","useAttrs","onMounted"],"mappings":";;;;;;;;;;;;;;;;AA8BA,IAAM,MAAA,GAAA,GAAMA,gCAAgB,OAAO,CAAA,CAAA;AAEnC,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,UAAA,GAAaC,QAAgB,EAAE,CAAA,CAAA;AAErC,IAAA,MAAM,WAAWA,OAAI,EAAA,CAAA;AAErB,IAAM,MAAA,UAAA,GAAaA,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAGvC,IAAA,MAAM,kBAAkB,MAAM;AAC5B,MAAA,IAAI,MAAM,UAAY,EAAA;AACpB,QAAA,UAAA,CAAW,KAAQ,GAAA,IAAA,CAAA;AAAA,OACrB;AAAA,KACF,CAAA;AAGA,IAAM,MAAA,cAAA,GAAiB,CAAC,CAAW,KAAA;AAAA,KAYnC,CAAA;AAEA,IAAAC,eAAA,CAAY,MAAM;AAChB,MAAI,IAAA,KAAA,CAAM,KAAU,KAAA,UAAA,CAAW,KAAO,EAAA;AACpC,QAAA,UAAA,CAAW,QAAQ,KAAM,CAAA,KAAA,CAAA;AAAA,OAC3B;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,aAAgB,GAAA,KAAA,CAAM,YAAe,GAAAC,kBAAA,CAAM,QAAW,GAAAA,kBAAA,CAAA;AAE5D,IAAM,MAAA,aAAA,GAAgBC,aAAS,MAAM;AACnC,MAAA,MAAM,QAAQ,EAAE,GAAGC,YAAS,EAAA,EAAG,GAAG,KAAM,EAAA,CAAA;AAExC,MAAO,OAAA,KAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAA,QAAA,CAAS,MAAM,KAAM,EAAA,CAAA;AAAA,KACvB,CAAA;AAGA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAA,IAAI,MAAM,UAAY,EAAA;AACpB,QAAA,MAAM,SAAY,GAAA,QAAA,CAAS,KAAO,EAAA,GAAA,CAAI,cAAc,uBAAuB,CAAA,CAAA;AAC3E,QAAA,IAAI,SAAW,EAAA;AACb,UAAU,SAAA,CAAA,gBAAA,CAAiB,WAAa,EAAA,CAAC,CAAW,KAAA;AAClD,YAAA,CAAA,CAAE,eAAgB,EAAA,CAAA;AAClB,YAAA,UAAA,CAAW,KAAQ,GAAA,IAAA,CAAA;AAAA,WACpB,CAAA,CAAA;AACD,UAAU,SAAA,CAAA,gBAAA,CAAiB,UAAY,EAAA,CAAC,CAAW,KAAA;AACjD,YAAI,IAAA,CAAA,CAAE,iBAAiB,QAAS,CAAA,KAAA,CAAM,IAAI,QAAS,CAAA,CAAA,CAAE,aAAa,CAAG,EAAA;AACnE,cAAA,OAAA;AAAA,aACF;AACA,YAAA,UAAA,CAAW,KAAQ,GAAA,KAAA,CAAA;AAAA,WACpB,CAAA,CAAA;AAAA,SACH;AAAA,OACF;AAAA,KACD,CAAA,CAAA;AAED,IAAa,QAAA,CAAA,EAAE,OAAO,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/components/table/src/components/main-table.vue2.js

@@ -301,229 +301,239 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         onExpandedRowsChange: props.expandedRowsChange
       }), vue.createSlots({
         headerCell: vue.withCtx((slots) => [
-          slots.column.key === "operate" && _ctx.showSetting ? (vue.openBlock(), vue.createElementBlock(
+          vue.createElementVNode(
             "div",
             {
-              key: 0,
-              class: vue.normalizeClass(`${vue.unref(bem).e("operate")}`)
+              class: vue.normalizeClass(`${vue.unref(bem).e("header-cell-content")}`)
             },
             [
-              vue.createElementVNode(
-                "span",
-                null,
-                vue.toDisplayString(slots.column.title),
-                1
-                /* TEXT */
-              ),
-              vue.createVNode(_component_a_popover, {
-                trigger: "click",
-                placement: "bottomRight",
-                "overlay-inner-style": {
-                  padding: "0"
-                }
-              }, {
-                content: vue.withCtx(() => [
+              slots.column.key === "operate" && _ctx.showSetting ? (vue.openBlock(), vue.createElementBlock(
+                "div",
+                {
+                  key: 0,
+                  class: vue.normalizeClass(`${vue.unref(bem).e("operate")}`)
+                },
+                [
                   vue.createElementVNode(
-                    "div",
-                    {
-                      class: vue.normalizeClass(`${vue.unref(bem).e("setting-popover")}`)
-                    },
-                    [
-                      vue.createCommentVNode(" \u5934\u90E8 "),
+                    "span",
+                    null,
+                    vue.toDisplayString(slots.column.title),
+                    1
+                    /* TEXT */
+                  ),
+                  vue.createVNode(_component_a_popover, {
+                    trigger: "click",
+                    placement: "bottomRight",
+                    "overlay-inner-style": {
+                      padding: "0"
+                    }
+                  }, {
+                    content: vue.withCtx(() => [
                       vue.createElementVNode(
                         "div",
                         {
-                          class: vue.normalizeClass(`${vue.unref(bem).e("setting-popover-header")}`)
+                          class: vue.normalizeClass(`${vue.unref(bem).e("setting-popover")}`)
                         },
                         [
-                          vue.createVNode(_component_a_checkbox, {
-                            indeterminate: isIndeterminate.value,
-                            checked: isAllCheck.value,
-                            onChange: handleAllColumnChange
-                          }, {
-                            default: vue.withCtx(() => [
-                              vue.createTextVNode(" \u5217\u5C55\u793A ")
-                            ]),
-                            _: 1
-                            /* STABLE */
-                          }, 8, ["indeterminate", "checked"]),
+                          vue.createCommentVNode(" \u5934\u90E8 "),
                           vue.createElementVNode(
-                            "span",
+                            "div",
                             {
-                              class: vue.normalizeClass(`${vue.unref(bem).e("setting-reset-btn")}`),
-                              onClick: handleClickResetBtn
+                              class: vue.normalizeClass(`${vue.unref(bem).e("setting-popover-header")}`)
                             },
-                            " \u91CD\u7F6E ",
+                            [
+                              vue.createVNode(_component_a_checkbox, {
+                                indeterminate: isIndeterminate.value,
+                                checked: isAllCheck.value,
+                                onChange: handleAllColumnChange
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createTextVNode(" \u5217\u5C55\u793A ")
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              }, 8, ["indeterminate", "checked"]),
+                              vue.createElementVNode(
+                                "span",
+                                {
+                                  class: vue.normalizeClass(`${vue.unref(bem).e("setting-reset-btn")}`),
+                                  onClick: handleClickResetBtn
+                                },
+                                " \u91CD\u7F6E ",
+                                2
+                                /* CLASS */
+                              )
+                            ],
                             2
                             /* CLASS */
-                          )
-                        ],
-                        2
-                        /* CLASS */
-                      ),
-                      vue.createCommentVNode(" \u5185\u5BB9 "),
-                      vue.createElementVNode(
-                        "div",
-                        {
-                          class: vue.normalizeClass(`${vue.unref(bem).e("setting-popover-content")}`)
-                        },
-                        [
-                          vue.createElementVNode("div", null, [
-                            vue.createVNode(vue.unref(draggable), {
-                              list: settingColumns.value,
-                              "item-key": "key",
-                              group: { name: "g1" },
-                              onChange: dragChange
-                            }, {
-                              item: vue.withCtx(({ element }) => [
-                                vue.createElementVNode(
-                                  "div",
-                                  {
-                                    class: vue.normalizeClass(`${vue.unref(bem).e("setting-popover-menu")}`)
-                                  },
-                                  [
-                                    vue.createCommentVNode(" \u62D6\u62FD "),
-                                    vue.createElementVNode(
-                                      "div",
-                                      {
-                                        class: vue.normalizeClass(`flex items-center ${vue.unref(bem).e(
-                                          "setting-popover-menu-left"
-                                        )}`)
-                                      },
-                                      [
-                                        vue.createVNode(_component_a_button, {
-                                          type: "text",
-                                          class: vue.normalizeClass(`${vue.unref(bem).e("setting-popover-menu-icon")}`),
-                                          style: {
-                                            marginright: "5px"
-                                          }
-                                        }, {
-                                          default: vue.withCtx(() => [
-                                            vue.createVNode(_component_ll_icon, {
-                                              "icon-name": "icon-move",
-                                              "class-name": "icon"
-                                            })
-                                          ]),
-                                          _: 1
-                                          /* STABLE */
-                                        }, 8, ["class"]),
-                                        vue.createVNode(_component_a_checkbox, {
-                                          checked: element.isCheck,
-                                          onChange: (e) => {
-                                            handleColumnItemChange(
-                                              e.target?.checked,
-                                              element
-                                            );
-                                          }
-                                        }, {
-                                          default: vue.withCtx(() => [
-                                            vue.createTextVNode(
-                                              vue.toDisplayString(element.title),
-                                              1
-                                              /* TEXT */
-                                            )
-                                          ]),
-                                          _: 2
-                                          /* DYNAMIC */
-                                        }, 1032, ["checked", "onChange"])
-                                      ],
-                                      2
-                                      /* CLASS */
-                                    ),
+                          ),
+                          vue.createCommentVNode(" \u5185\u5BB9 "),
+                          vue.createElementVNode(
+                            "div",
+                            {
+                              class: vue.normalizeClass(`${vue.unref(bem).e("setting-popover-content")}`)
+                            },
+                            [
+                              vue.createElementVNode("div", null, [
+                                vue.createVNode(vue.unref(draggable), {
+                                  list: settingColumns.value,
+                                  "item-key": "key",
+                                  group: { name: "g1" },
+                                  onChange: dragChange
+                                }, {
+                                  item: vue.withCtx(({ element }) => [
                                     vue.createElementVNode(
                                       "div",
                                       {
-                                        class: vue.normalizeClass(`flex items-center ${vue.unref(bem).e(
-                                          "setting-popover-menu-right"
-                                        )}`)
+                                        class: vue.normalizeClass(`${vue.unref(bem).e("setting-popover-menu")}`)
                                       },
                                       [
-                                        vue.createCommentVNode(" \u5DE6\u79FB "),
-                                        vue.createVNode(_component_a_button, {
-                                          type: "text",
-                                          class: vue.normalizeClass(`${vue.unref(bem).e("setting-popover-menu-icon")}`),
-                                          onClick: ($event) => handleColumnMove(element, "left")
-                                        }, {
-                                          default: vue.withCtx(() => [
-                                            vue.createVNode(_component_ll_icon, {
-                                              "icon-name": "icon-zuoyi",
-                                              "class-name": `icon ${element.fixed === "left" ? vue.unref(bem).e("setting-popover-menu-fixed-icon") : ""}`
-                                            }, null, 8, ["class-name"])
-                                          ]),
-                                          _: 2
-                                          /* DYNAMIC */
-                                        }, 1032, ["class", "onClick"]),
-                                        vue.createVNode(_component_a_divider, { type: "vertical" }),
-                                        vue.createCommentVNode(" \u53F3\u79FB "),
-                                        vue.createVNode(_component_a_button, {
-                                          type: "text",
-                                          class: vue.normalizeClass(`${vue.unref(bem).e("setting-popover-menu-icon")}`),
-                                          onClick: ($event) => handleColumnMove(element, "right")
-                                        }, {
-                                          default: vue.withCtx(() => [
-                                            vue.createVNode(_component_ll_icon, {
-                                              "icon-name": "icon-youyi",
-                                              "class-name": `icon ${element.fixed === "right" ? vue.unref(bem).e("setting-popover-menu-fixed-icon") : ""}`
-                                            }, null, 8, ["class-name"])
-                                          ]),
-                                          _: 2
-                                          /* DYNAMIC */
-                                        }, 1032, ["class", "onClick"])
+                                        vue.createCommentVNode(" \u62D6\u62FD "),
+                                        vue.createElementVNode(
+                                          "div",
+                                          {
+                                            class: vue.normalizeClass(`flex items-center ${vue.unref(bem).e(
+                                              "setting-popover-menu-left"
+                                            )}`)
+                                          },
+                                          [
+                                            vue.createVNode(_component_a_button, {
+                                              type: "text",
+                                              class: vue.normalizeClass(`${vue.unref(bem).e("setting-popover-menu-icon")}`),
+                                              style: {
+                                                marginright: "5px"
+                                              }
+                                            }, {
+                                              default: vue.withCtx(() => [
+                                                vue.createVNode(_component_ll_icon, {
+                                                  "icon-name": "icon-move",
+                                                  "class-name": "icon"
+                                                })
+                                              ]),
+                                              _: 1
+                                              /* STABLE */
+                                            }, 8, ["class"]),
+                                            vue.createVNode(_component_a_checkbox, {
+                                              checked: element.isCheck,
+                                              onChange: (e) => {
+                                                handleColumnItemChange(
+                                                  e.target?.checked,
+                                                  element
+                                                );
+                                              }
+                                            }, {
+                                              default: vue.withCtx(() => [
+                                                vue.createTextVNode(
+                                                  vue.toDisplayString(element.title),
+                                                  1
+                                                  /* TEXT */
+                                                )
+                                              ]),
+                                              _: 2
+                                              /* DYNAMIC */
+                                            }, 1032, ["checked", "onChange"])
+                                          ],
+                                          2
+                                          /* CLASS */
+                                        ),
+                                        vue.createElementVNode(
+                                          "div",
+                                          {
+                                            class: vue.normalizeClass(`flex items-center ${vue.unref(bem).e(
+                                              "setting-popover-menu-right"
+                                            )}`)
+                                          },
+                                          [
+                                            vue.createCommentVNode(" \u5DE6\u79FB "),
+                                            vue.createVNode(_component_a_button, {
+                                              type: "text",
+                                              class: vue.normalizeClass(`${vue.unref(bem).e("setting-popover-menu-icon")}`),
+                                              onClick: ($event) => handleColumnMove(element, "left")
+                                            }, {
+                                              default: vue.withCtx(() => [
+                                                vue.createVNode(_component_ll_icon, {
+                                                  "icon-name": "icon-zuoyi",
+                                                  "class-name": `icon ${element.fixed === "left" ? vue.unref(bem).e("setting-popover-menu-fixed-icon") : ""}`
+                                                }, null, 8, ["class-name"])
+                                              ]),
+                                              _: 2
+                                              /* DYNAMIC */
+                                            }, 1032, ["class", "onClick"]),
+                                            vue.createVNode(_component_a_divider, { type: "vertical" }),
+                                            vue.createCommentVNode(" \u53F3\u79FB "),
+                                            vue.createVNode(_component_a_button, {
+                                              type: "text",
+                                              class: vue.normalizeClass(`${vue.unref(bem).e("setting-popover-menu-icon")}`),
+                                              onClick: ($event) => handleColumnMove(element, "right")
+                                            }, {
+                                              default: vue.withCtx(() => [
+                                                vue.createVNode(_component_ll_icon, {
+                                                  "icon-name": "icon-youyi",
+                                                  "class-name": `icon ${element.fixed === "right" ? vue.unref(bem).e("setting-popover-menu-fixed-icon") : ""}`
+                                                }, null, 8, ["class-name"])
+                                              ]),
+                                              _: 2
+                                              /* DYNAMIC */
+                                            }, 1032, ["class", "onClick"])
+                                          ],
+                                          2
+                                          /* CLASS */
+                                        )
                                       ],
                                       2
                                       /* CLASS */
                                     )
-                                  ],
-                                  2
-                                  /* CLASS */
-                                )
-                              ]),
-                              _: 1
-                              /* STABLE */
-                            }, 8, ["list"])
-                          ])
+                                  ]),
+                                  _: 1
+                                  /* STABLE */
+                                }, 8, ["list"])
+                              ])
+                            ],
+                            2
+                            /* CLASS */
+                          )
                         ],
                         2
                         /* CLASS */
                       )
-                    ],
-                    2
-                    /* CLASS */
-                  )
-                ]),
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_a_button, {
-                    type: "text",
-                    class: vue.normalizeClass(`${vue.unref(bem).e("setting-icon")}`)
-                  }, {
+                    ]),
                     default: vue.withCtx(() => [
-                      vue.createVNode(_component_ll_icon, { "icon-name": "icon-set-line" })
+                      vue.createVNode(_component_a_button, {
+                        type: "text",
+                        class: vue.normalizeClass(`${vue.unref(bem).e("setting-icon")}`)
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_ll_icon, { "icon-name": "icon-set-line" })
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["class"])
                     ]),
                     _: 1
                     /* STABLE */
-                  }, 8, ["class"])
-                ]),
-                _: 1
-                /* STABLE */
-              })
+                  })
+                ],
+                2
+                /* CLASS */
+              )) : vue.unref(lodashEs.has)(slots.column, "RC_TABLE_INTERNAL_COL_DEFINE") ? vue.renderSlot(_ctx.$slots, "expandedTitle", { key: 1 }) : (vue.openBlock(), vue.createElementBlock(
+                vue.Fragment,
+                { key: 2 },
+                [
+                  vue.createTextVNode(
+                    vue.toDisplayString(slots.column.title),
+                    1
+                    /* TEXT */
+                  )
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              )),
+              vue.createCommentVNode(" \u989D\u5916header\u5355\u5143\u683C\u7684\u63D2\u69FD\u5185\u5BB9 "),
+              vue.renderSlot(_ctx.$slots, "tableHeaderCell", vue.normalizeProps(vue.guardReactiveProps(slots)))
             ],
             2
             /* CLASS */
-          )) : vue.unref(lodashEs.has)(slots.column, "RC_TABLE_INTERNAL_COL_DEFINE") ? vue.renderSlot(_ctx.$slots, "expandedTitle", { key: 1 }) : (vue.openBlock(), vue.createElementBlock(
-            vue.Fragment,
-            { key: 2 },
-            [
-              vue.createTextVNode(
-                vue.toDisplayString(slots.column.title),
-                1
-                /* TEXT */
-              )
-            ],
-            64
-            /* STABLE_FRAGMENT */
-          )),
-          vue.createCommentVNode(" \u989D\u5916header\u5355\u5143\u683C\u7684\u63D2\u69FD\u5185\u5BB9 "),
-          vue.renderSlot(_ctx.$slots, "tableHeaderCell", vue.normalizeProps(vue.guardReactiveProps(slots)))
+          )
         ]),
         bodyCell: vue.withCtx((slots) => [
           vue.createCommentVNode(" \u6DFB\u52A0\u5E8F\u5217\u5217 "),