@koi-design/uxd-ui 14.0.35 → 14.0.36

package/es/components/Menu/MenuItem.mjs

@@ -30,7 +30,7 @@ const _sfc_main = defineComponent({
       warning("cannot find menu parent Component ,OR! the menu mode is error");
     }
     const eventKey = computed(() => {
-      if (props.name) {
+      if (props.name !== void 0) {
         return props.name;
       }
       guid += 1;

package/es/components/Menu/MenuItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.mjs","sources":["../../../../src/components/Menu/MenuItem.vue"],"sourcesContent":["<template>\n  <UTooltip :title=\"title\" :disabled=\"!showTooltip\" placement=\"right\" :class=\"`${prefixCls}-trigger`\">\n    <li\n      role=\"menuitem\"\n      :class=\"[\n        prefixCls,\n        {\n          [`${prefixCls}-selected`]: isSelected,\n          [`${prefixCls}-disabled`]: disabled\n        }\n      ]\"\n      :style=\"style\"\n      :data-color=\"color\"\n      v-bind=\"$attrs\"\n      @click=\"onClick\"\n    >\n      <slot>{{ title }}</slot>\n    </li>\n  </UTooltip>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, computed, watch, ref } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport UTooltip from '@uxd-ui/components/Tooltip';\nimport warn from '../../utils/warn';\nimport { isFunction } from '../../utils/isValid';\nimport { menuItemProps, menuItemEmits, type MenuEvent, type MenuStore, type ParentMenu } from './Menu.type';\n\nlet guid = -1;\n\nexport default defineComponent({\n  name: 'UMenuItem',\n  components: {\n    UTooltip\n  },\n  inheritAttrs: false,\n  props: menuItemProps,\n  emits: menuItemEmits,\n  setup(props, { emit, attrs }) {\n    const {\n      selectedKeys,\n      mode,\n      rootPrefixCls,\n      updateKeyPath,\n      // inlineIndent,\n      collapsed\n    } = inject<MenuStore>('menuStore', {} as MenuStore);\n    const { fireMenuClick, fireMenuDeselect, fireMenuSelect } = inject<MenuEvent>('menuEvent', {} as MenuEvent);\n    const parentMenu = inject<ParentMenu>('parentMenu', {} as ParentMenu);\n    const prefixCls = computed(() => `${rootPrefixCls.value}-item`);\n    const level = parentMenu.isRootMenu ? 1 : (parentMenu.level as number) + 1;\n\n    if (mode === undefined) {\n      warn('cannot find menu parent Component ,OR! the menu mode is error');\n    }\n    const eventKey = computed(() => {\n      if (props.name) {\n        return props.name;\n      }\n      guid += 1;\n      return `${guid}$MenuItem`;\n    });\n\n    const isSelected = ref(false);\n\n    watch(\n      selectedKeys,\n      () => {\n        const selected = selectedKeys.value.includes(eventKey.value);\n        if (parentMenu.setSubMenuSelected) {\n          parentMenu.setSubMenuSelected(eventKey.value, selected);\n        }\n        isSelected.value = selected;\n      },\n      { immediate: true }\n    );\n\n    const style = computed<CSSProperties>(() => {\n      const attrStyle: CSSProperties = attrs.style ? (attrs.style as CSSProperties) : ({} as CSSProperties);\n      if (mode.value === 'inline') {\n        return {\n          // paddingLeft: `${inlineIndent.value * level}px`,\n          ...attrStyle\n        };\n      }\n      return { ...attrStyle };\n    });\n\n    const showTooltip = computed(() => {\n      if (collapsed.value) {\n        return props.title !== undefined && !props.disabled && level === 1;\n      }\n      return false;\n    });\n\n    const onClick = () => {\n      if (props.disabled) {\n        return;\n      }\n      const key = eventKey.value;\n      updateKeyPath(key, 'item');\n      if (parentMenu.fireSubmenuClick && isFunction(parentMenu.fireSubmenuClick)) {\n        parentMenu.fireSubmenuClick();\n      }\n      const _event = {\n        key,\n        item: {}\n      };\n      fireMenuClick && isFunction(fireMenuClick) && fireMenuClick(_event);\n      if (isSelected.value) {\n        fireMenuDeselect && isFunction(fireMenuDeselect) && fireMenuDeselect(_event);\n      } else {\n        fireMenuSelect && isFunction(fireMenuSelect) && fireMenuSelect(_event);\n      }\n      emit('click', _event);\n    };\n\n    return {\n      prefixCls,\n      rootPrefixCls,\n      showTooltip,\n      isSelected,\n      style,\n      onClick\n    };\n  }\n});\n</script>\n"],"names":["_createBlock","_normalizeClass","_createElementVNode","_mergeProps","_renderSlot"],"mappings":";;;;;;;AA6BA,IAAI,OAAO;AAEX,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA;AACF,EACA,cAAc;AAAA,EACd,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM,OAAO,EAAE,MAAM,SAAS;UACtB;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,QACE,OAAkB,aAAa,EAAe;UAC5C,EAAE,eAAe,kBAAkB,mBAAmB,OAAkB,aAAa,EAAe;UACpG,aAAa,OAAmB,cAAc,EAAgB;UAC9D,YAAY,SAAS,MAAM,GAAG,cAAc,YAAY;UACxD,QAAQ,WAAW,aAAa,IAAK,WAAW,QAAmB;QAErE,SAAS,QAAW;cACjB,+DAA+D;AAAA;UAEhE,WAAW,SAAS,MAAM;UAC1B,MAAM,MAAM;eACP,MAAM;AAAA;cAEP;aACD,GAAG;AAAA,KACX;UAEK,aAAa,IAAI,KAAK;;MAG1B;AAAA,MACA,MAAM;cACE,WAAW,aAAa,MAAM,SAAS,SAAS,KAAK;YACvD,WAAW,oBAAoB;qBACtB,mBAAmB,SAAS,OAAO,QAAQ;AAAA;mBAE7C,QAAQ;AAAA;AACrB,MACA,EAAE,WAAW;AAAK;UAGd,QAAQ,SAAwB,MAAM;YACpC,YAA2B,MAAM,QAAS,MAAM,QAA2B;UAC7E,KAAK,UAAU,UAAU;eACpB;AAAA,UAEL,GAAG;AAAA;AACL;aAEK,EAAE,GAAG;AAAU,KACvB;UAEK,cAAc,SAAS,MAAM;UAC7B,UAAU,OAAO;eACZ,MAAM,UAAU,UAAa,CAAC,MAAM,YAAY,UAAU;AAAA;aAE5D;AAAA,KACR;UAEK,UAAU,MAAM;UAChB,MAAM,UAAU;;;YAGd,MAAM,SAAS;oBACP,KAAK,MAAM;UACrB,WAAW,oBAAoB,WAAW,WAAW,gBAAgB,GAAG;mBAC/D;AAAiB;YAExB,SAAS;AAAA,QACb;AAAA,QACA,MAAM;AAAC;uBAEQ,WAAW,aAAa,KAAK,cAAc,MAAM;UAC9D,WAAW,OAAO;4BACA,WAAW,gBAAgB,KAAK,iBAAiB,MAAM;AAAA,aACtE;0BACa,WAAW,cAAc,KAAK,eAAe,MAAM;AAAA;WAElE,SAAS,MAAM;AAAA;WAGf;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;sBA9HCA,YAiBW;IAjBA,OAAO;IAAQ,UAAQ,CAAG;IAAa,WAAU;AAAA,IAAS,OAAKC,kBAAK,wBAAS;AAAA;qBACtF,MAeK;AAAA,MAfLC,mBAeK,MAfLC,WAeK;AAAA,QAdH,MAAK;AAAA,QACJ,OAAK;AAAA,UAAY;;gBAAmC,4BAAuB;gBAA0B,4BAAuB;;;QAO5H,OAAO;QACP,cAAY;SACL,aAAM;AAAA,QACb,SAAK,uCAAE;;QAERC,WAAwB,4BAAxB,MAAwB;AAAA,0CAAf,UAAK;;;;;;;;;;;"}
+{"version":3,"file":"MenuItem.mjs","sources":["../../../../src/components/Menu/MenuItem.vue"],"sourcesContent":["<template>\n  <UTooltip :title=\"title\" :disabled=\"!showTooltip\" placement=\"right\" :class=\"`${prefixCls}-trigger`\">\n    <li\n      role=\"menuitem\"\n      :class=\"[\n        prefixCls,\n        {\n          [`${prefixCls}-selected`]: isSelected,\n          [`${prefixCls}-disabled`]: disabled\n        }\n      ]\"\n      :style=\"style\"\n      :data-color=\"color\"\n      v-bind=\"$attrs\"\n      @click=\"onClick\"\n    >\n      <slot>{{ title }}</slot>\n    </li>\n  </UTooltip>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, computed, watch, ref } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport UTooltip from '@uxd-ui/components/Tooltip';\nimport warn from '../../utils/warn';\nimport { isFunction } from '../../utils/isValid';\nimport { menuItemProps, menuItemEmits, type MenuEvent, type MenuStore, type ParentMenu } from './Menu.type';\n\nlet guid = -1;\n\nexport default defineComponent({\n  name: 'UMenuItem',\n  components: {\n    UTooltip\n  },\n  inheritAttrs: false,\n  props: menuItemProps,\n  emits: menuItemEmits,\n  setup(props, { emit, attrs }) {\n    const {\n      selectedKeys,\n      mode,\n      rootPrefixCls,\n      updateKeyPath,\n      // inlineIndent,\n      collapsed\n    } = inject<MenuStore>('menuStore', {} as MenuStore);\n    const { fireMenuClick, fireMenuDeselect, fireMenuSelect } = inject<MenuEvent>('menuEvent', {} as MenuEvent);\n    const parentMenu = inject<ParentMenu>('parentMenu', {} as ParentMenu);\n    const prefixCls = computed(() => `${rootPrefixCls.value}-item`);\n    const level = parentMenu.isRootMenu ? 1 : (parentMenu.level as number) + 1;\n\n    if (mode === undefined) {\n      warn('cannot find menu parent Component ,OR! the menu mode is error');\n    }\n    const eventKey = computed(() => {\n      if (props.name !== undefined) {\n        return props.name;\n      }\n      guid += 1;\n      return `${guid}$MenuItem`;\n    });\n\n    const isSelected = ref(false);\n\n    watch(\n      selectedKeys,\n      () => {\n        const selected = selectedKeys.value.includes(eventKey.value);\n        if (parentMenu.setSubMenuSelected) {\n          parentMenu.setSubMenuSelected(eventKey.value, selected);\n        }\n        isSelected.value = selected;\n      },\n      { immediate: true }\n    );\n\n    const style = computed<CSSProperties>(() => {\n      const attrStyle: CSSProperties = attrs.style ? (attrs.style as CSSProperties) : ({} as CSSProperties);\n      if (mode.value === 'inline') {\n        return {\n          // paddingLeft: `${inlineIndent.value * level}px`,\n          ...attrStyle\n        };\n      }\n      return { ...attrStyle };\n    });\n\n    const showTooltip = computed(() => {\n      if (collapsed.value) {\n        return props.title !== undefined && !props.disabled && level === 1;\n      }\n      return false;\n    });\n\n    const onClick = () => {\n      if (props.disabled) {\n        return;\n      }\n      const key = eventKey.value;\n      updateKeyPath(key, 'item');\n      if (parentMenu.fireSubmenuClick && isFunction(parentMenu.fireSubmenuClick)) {\n        parentMenu.fireSubmenuClick();\n      }\n      const _event = {\n        key,\n        item: {}\n      };\n      fireMenuClick && isFunction(fireMenuClick) && fireMenuClick(_event);\n      if (isSelected.value) {\n        fireMenuDeselect && isFunction(fireMenuDeselect) && fireMenuDeselect(_event);\n      } else {\n        fireMenuSelect && isFunction(fireMenuSelect) && fireMenuSelect(_event);\n      }\n      emit('click', _event);\n    };\n\n    return {\n      prefixCls,\n      rootPrefixCls,\n      showTooltip,\n      isSelected,\n      style,\n      onClick\n    };\n  }\n});\n</script>\n"],"names":["_createBlock","_normalizeClass","_createElementVNode","_mergeProps","_renderSlot"],"mappings":";;;;;;;AA6BA,IAAI,OAAO;AAEX,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA;AACF,EACA,cAAc;AAAA,EACd,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM,OAAO,EAAE,MAAM,SAAS;UACtB;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,QACE,OAAkB,aAAa,EAAe;UAC5C,EAAE,eAAe,kBAAkB,mBAAmB,OAAkB,aAAa,EAAe;UACpG,aAAa,OAAmB,cAAc,EAAgB;UAC9D,YAAY,SAAS,MAAM,GAAG,cAAc,YAAY;UACxD,QAAQ,WAAW,aAAa,IAAK,WAAW,QAAmB;QAErE,SAAS,QAAW;cACjB,+DAA+D;AAAA;UAEhE,WAAW,SAAS,MAAM;UAC1B,MAAM,SAAS,QAAW;eACrB,MAAM;AAAA;cAEP;aACD,GAAG;AAAA,KACX;UAEK,aAAa,IAAI,KAAK;;MAG1B;AAAA,MACA,MAAM;cACE,WAAW,aAAa,MAAM,SAAS,SAAS,KAAK;YACvD,WAAW,oBAAoB;qBACtB,mBAAmB,SAAS,OAAO,QAAQ;AAAA;mBAE7C,QAAQ;AAAA;AACrB,MACA,EAAE,WAAW;AAAK;UAGd,QAAQ,SAAwB,MAAM;YACpC,YAA2B,MAAM,QAAS,MAAM,QAA2B;UAC7E,KAAK,UAAU,UAAU;eACpB;AAAA,UAEL,GAAG;AAAA;AACL;aAEK,EAAE,GAAG;AAAU,KACvB;UAEK,cAAc,SAAS,MAAM;UAC7B,UAAU,OAAO;eACZ,MAAM,UAAU,UAAa,CAAC,MAAM,YAAY,UAAU;AAAA;aAE5D;AAAA,KACR;UAEK,UAAU,MAAM;UAChB,MAAM,UAAU;;;YAGd,MAAM,SAAS;oBACP,KAAK,MAAM;UACrB,WAAW,oBAAoB,WAAW,WAAW,gBAAgB,GAAG;mBAC/D;AAAiB;YAExB,SAAS;AAAA,QACb;AAAA,QACA,MAAM;AAAC;uBAEQ,WAAW,aAAa,KAAK,cAAc,MAAM;UAC9D,WAAW,OAAO;4BACA,WAAW,gBAAgB,KAAK,iBAAiB,MAAM;AAAA,aACtE;0BACa,WAAW,cAAc,KAAK,eAAe,MAAM;AAAA;WAElE,SAAS,MAAM;AAAA;WAGf;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;sBA9HCA,YAiBW;IAjBA,OAAO;IAAQ,UAAQ,CAAG;IAAa,WAAU;AAAA,IAAS,OAAKC,kBAAK,wBAAS;AAAA;qBACtF,MAeK;AAAA,MAfLC,mBAeK,MAfLC,WAeK;AAAA,QAdH,MAAK;AAAA,QACJ,OAAK;AAAA,UAAY;;gBAAmC,4BAAuB;gBAA0B,4BAAuB;;;QAO5H,OAAO;QACP,cAAY;SACL,aAAM;AAAA,QACb,SAAK,uCAAE;;QAERC,WAAwB,4BAAxB,MAAwB;AAAA,0CAAf,UAAK;;;;;;;;;;;"}

package/lib/components/Menu/MenuItem.js

@@ -34,7 +34,7 @@ const _sfc_main = vue.defineComponent({
       warn["default"]("cannot find menu parent Component ,OR! the menu mode is error");
     }
     const eventKey = vue.computed(() => {
-      if (props.name) {
+      if (props.name !== void 0) {
         return props.name;
       }
       guid += 1;

package/lib/components/Menu/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sources":["../../../../src/components/Menu/MenuItem.vue"],"sourcesContent":["<template>\n  <UTooltip :title=\"title\" :disabled=\"!showTooltip\" placement=\"right\" :class=\"`${prefixCls}-trigger`\">\n    <li\n      role=\"menuitem\"\n      :class=\"[\n        prefixCls,\n        {\n          [`${prefixCls}-selected`]: isSelected,\n          [`${prefixCls}-disabled`]: disabled\n        }\n      ]\"\n      :style=\"style\"\n      :data-color=\"color\"\n      v-bind=\"$attrs\"\n      @click=\"onClick\"\n    >\n      <slot>{{ title }}</slot>\n    </li>\n  </UTooltip>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, computed, watch, ref } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport UTooltip from '@uxd-ui/components/Tooltip';\nimport warn from '../../utils/warn';\nimport { isFunction } from '../../utils/isValid';\nimport { menuItemProps, menuItemEmits, type MenuEvent, type MenuStore, type ParentMenu } from './Menu.type';\n\nlet guid = -1;\n\nexport default defineComponent({\n  name: 'UMenuItem',\n  components: {\n    UTooltip\n  },\n  inheritAttrs: false,\n  props: menuItemProps,\n  emits: menuItemEmits,\n  setup(props, { emit, attrs }) {\n    const {\n      selectedKeys,\n      mode,\n      rootPrefixCls,\n      updateKeyPath,\n      // inlineIndent,\n      collapsed\n    } = inject<MenuStore>('menuStore', {} as MenuStore);\n    const { fireMenuClick, fireMenuDeselect, fireMenuSelect } = inject<MenuEvent>('menuEvent', {} as MenuEvent);\n    const parentMenu = inject<ParentMenu>('parentMenu', {} as ParentMenu);\n    const prefixCls = computed(() => `${rootPrefixCls.value}-item`);\n    const level = parentMenu.isRootMenu ? 1 : (parentMenu.level as number) + 1;\n\n    if (mode === undefined) {\n      warn('cannot find menu parent Component ,OR! the menu mode is error');\n    }\n    const eventKey = computed(() => {\n      if (props.name) {\n        return props.name;\n      }\n      guid += 1;\n      return `${guid}$MenuItem`;\n    });\n\n    const isSelected = ref(false);\n\n    watch(\n      selectedKeys,\n      () => {\n        const selected = selectedKeys.value.includes(eventKey.value);\n        if (parentMenu.setSubMenuSelected) {\n          parentMenu.setSubMenuSelected(eventKey.value, selected);\n        }\n        isSelected.value = selected;\n      },\n      { immediate: true }\n    );\n\n    const style = computed<CSSProperties>(() => {\n      const attrStyle: CSSProperties = attrs.style ? (attrs.style as CSSProperties) : ({} as CSSProperties);\n      if (mode.value === 'inline') {\n        return {\n          // paddingLeft: `${inlineIndent.value * level}px`,\n          ...attrStyle\n        };\n      }\n      return { ...attrStyle };\n    });\n\n    const showTooltip = computed(() => {\n      if (collapsed.value) {\n        return props.title !== undefined && !props.disabled && level === 1;\n      }\n      return false;\n    });\n\n    const onClick = () => {\n      if (props.disabled) {\n        return;\n      }\n      const key = eventKey.value;\n      updateKeyPath(key, 'item');\n      if (parentMenu.fireSubmenuClick && isFunction(parentMenu.fireSubmenuClick)) {\n        parentMenu.fireSubmenuClick();\n      }\n      const _event = {\n        key,\n        item: {}\n      };\n      fireMenuClick && isFunction(fireMenuClick) && fireMenuClick(_event);\n      if (isSelected.value) {\n        fireMenuDeselect && isFunction(fireMenuDeselect) && fireMenuDeselect(_event);\n      } else {\n        fireMenuSelect && isFunction(fireMenuSelect) && fireMenuSelect(_event);\n      }\n      emit('click', _event);\n    };\n\n    return {\n      prefixCls,\n      rootPrefixCls,\n      showTooltip,\n      isSelected,\n      style,\n      onClick\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","UTooltip","menuItemProps","menuItemEmits","inject","computed","ref","isFunction","_createBlock","_normalizeClass","_createElementVNode","_mergeProps","_renderSlot"],"mappings":";;;;;;;;;;;AA6BA,IAAI,OAAO;AAEX,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,cACVC;AAAA;AACF,EACA,cAAc;AAAA,EACd,OAAOC;AAAA,EACP,OAAOC;AAAA,EACP,MAAM,OAAO,EAAE,MAAM,SAAS;UACtB;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,QACEC,WAAkB,aAAa,EAAe;UAC5C,EAAE,eAAe,kBAAkB,mBAAmBA,WAAkB,aAAa,EAAe;UACpG,aAAaA,WAAmB,cAAc,EAAgB;UAC9D,YAAYC,aAAS,MAAM,GAAG,cAAc,YAAY;UACxD,QAAQ,WAAW,aAAa,IAAK,WAAW,QAAmB;QAErE,SAAS,QAAW;sBACjB,+DAA+D;AAAA;UAEhE,WAAWA,aAAS,MAAM;UAC1B,MAAM,MAAM;eACP,MAAM;AAAA;cAEP;aACD,GAAG;AAAA,KACX;UAEK,aAAaC,QAAI,KAAK;;MAG1B;AAAA,MACA,MAAM;cACE,WAAW,aAAa,MAAM,SAAS,SAAS,KAAK;YACvD,WAAW,oBAAoB;qBACtB,mBAAmB,SAAS,OAAO,QAAQ;AAAA;mBAE7C,QAAQ;AAAA;AACrB,MACA,EAAE,WAAW;AAAK;UAGd,QAAQD,aAAwB,MAAM;YACpC,YAA2B,MAAM,QAAS,MAAM,QAA2B;UAC7E,KAAK,UAAU,UAAU;eACpB;AAAA,UAEL,GAAG;AAAA;AACL;aAEK,EAAE,GAAG;AAAU,KACvB;UAEK,cAAcA,aAAS,MAAM;UAC7B,UAAU,OAAO;eACZ,MAAM,UAAU,UAAa,CAAC,MAAM,YAAY,UAAU;AAAA;aAE5D;AAAA,KACR;UAEK,UAAU,MAAM;UAChB,MAAM,UAAU;;;YAGd,MAAM,SAAS;oBACP,KAAK,MAAM;UACrB,WAAW,oBAAoBE,mBAAW,WAAW,gBAAgB,GAAG;mBAC/D;AAAiB;YAExB,SAAS;AAAA,QACb;AAAA,QACA,MAAM;AAAC;uBAEQA,mBAAW,aAAa,KAAK,cAAc,MAAM;UAC9D,WAAW,OAAO;4BACAA,mBAAW,gBAAgB,KAAK,iBAAiB,MAAM;AAAA,aACtE;0BACaA,mBAAW,cAAc,KAAK,eAAe,MAAM;AAAA;WAElE,SAAS,MAAM;AAAA;WAGf;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;0BA9HCC,gBAiBW;IAjBA,OAAO;IAAQ,UAAQ,CAAG;IAAa,WAAU;AAAA,IAAS,OAAKC,sBAAK,wBAAS;AAAA;yBACtF,MAeK;AAAA,MAfLC,uBAeK,MAfLC,eAeK;AAAA,QAdH,MAAK;AAAA,QACJ,OAAK;AAAA,UAAY;;gBAAmC,4BAAuB;gBAA0B,4BAAuB;;;QAO5H,OAAO;QACP,cAAY;SACL,aAAM;AAAA,QACb,SAAK,uCAAE;;QAERC,eAAwB,4BAAxB,MAAwB;AAAA,kDAAf,UAAK;;;;;;;;;;;"}
+{"version":3,"file":"MenuItem.js","sources":["../../../../src/components/Menu/MenuItem.vue"],"sourcesContent":["<template>\n  <UTooltip :title=\"title\" :disabled=\"!showTooltip\" placement=\"right\" :class=\"`${prefixCls}-trigger`\">\n    <li\n      role=\"menuitem\"\n      :class=\"[\n        prefixCls,\n        {\n          [`${prefixCls}-selected`]: isSelected,\n          [`${prefixCls}-disabled`]: disabled\n        }\n      ]\"\n      :style=\"style\"\n      :data-color=\"color\"\n      v-bind=\"$attrs\"\n      @click=\"onClick\"\n    >\n      <slot>{{ title }}</slot>\n    </li>\n  </UTooltip>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, computed, watch, ref } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport UTooltip from '@uxd-ui/components/Tooltip';\nimport warn from '../../utils/warn';\nimport { isFunction } from '../../utils/isValid';\nimport { menuItemProps, menuItemEmits, type MenuEvent, type MenuStore, type ParentMenu } from './Menu.type';\n\nlet guid = -1;\n\nexport default defineComponent({\n  name: 'UMenuItem',\n  components: {\n    UTooltip\n  },\n  inheritAttrs: false,\n  props: menuItemProps,\n  emits: menuItemEmits,\n  setup(props, { emit, attrs }) {\n    const {\n      selectedKeys,\n      mode,\n      rootPrefixCls,\n      updateKeyPath,\n      // inlineIndent,\n      collapsed\n    } = inject<MenuStore>('menuStore', {} as MenuStore);\n    const { fireMenuClick, fireMenuDeselect, fireMenuSelect } = inject<MenuEvent>('menuEvent', {} as MenuEvent);\n    const parentMenu = inject<ParentMenu>('parentMenu', {} as ParentMenu);\n    const prefixCls = computed(() => `${rootPrefixCls.value}-item`);\n    const level = parentMenu.isRootMenu ? 1 : (parentMenu.level as number) + 1;\n\n    if (mode === undefined) {\n      warn('cannot find menu parent Component ,OR! the menu mode is error');\n    }\n    const eventKey = computed(() => {\n      if (props.name !== undefined) {\n        return props.name;\n      }\n      guid += 1;\n      return `${guid}$MenuItem`;\n    });\n\n    const isSelected = ref(false);\n\n    watch(\n      selectedKeys,\n      () => {\n        const selected = selectedKeys.value.includes(eventKey.value);\n        if (parentMenu.setSubMenuSelected) {\n          parentMenu.setSubMenuSelected(eventKey.value, selected);\n        }\n        isSelected.value = selected;\n      },\n      { immediate: true }\n    );\n\n    const style = computed<CSSProperties>(() => {\n      const attrStyle: CSSProperties = attrs.style ? (attrs.style as CSSProperties) : ({} as CSSProperties);\n      if (mode.value === 'inline') {\n        return {\n          // paddingLeft: `${inlineIndent.value * level}px`,\n          ...attrStyle\n        };\n      }\n      return { ...attrStyle };\n    });\n\n    const showTooltip = computed(() => {\n      if (collapsed.value) {\n        return props.title !== undefined && !props.disabled && level === 1;\n      }\n      return false;\n    });\n\n    const onClick = () => {\n      if (props.disabled) {\n        return;\n      }\n      const key = eventKey.value;\n      updateKeyPath(key, 'item');\n      if (parentMenu.fireSubmenuClick && isFunction(parentMenu.fireSubmenuClick)) {\n        parentMenu.fireSubmenuClick();\n      }\n      const _event = {\n        key,\n        item: {}\n      };\n      fireMenuClick && isFunction(fireMenuClick) && fireMenuClick(_event);\n      if (isSelected.value) {\n        fireMenuDeselect && isFunction(fireMenuDeselect) && fireMenuDeselect(_event);\n      } else {\n        fireMenuSelect && isFunction(fireMenuSelect) && fireMenuSelect(_event);\n      }\n      emit('click', _event);\n    };\n\n    return {\n      prefixCls,\n      rootPrefixCls,\n      showTooltip,\n      isSelected,\n      style,\n      onClick\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","UTooltip","menuItemProps","menuItemEmits","inject","computed","ref","isFunction","_createBlock","_normalizeClass","_createElementVNode","_mergeProps","_renderSlot"],"mappings":";;;;;;;;;;;AA6BA,IAAI,OAAO;AAEX,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,cACVC;AAAA;AACF,EACA,cAAc;AAAA,EACd,OAAOC;AAAA,EACP,OAAOC;AAAA,EACP,MAAM,OAAO,EAAE,MAAM,SAAS;UACtB;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,QACEC,WAAkB,aAAa,EAAe;UAC5C,EAAE,eAAe,kBAAkB,mBAAmBA,WAAkB,aAAa,EAAe;UACpG,aAAaA,WAAmB,cAAc,EAAgB;UAC9D,YAAYC,aAAS,MAAM,GAAG,cAAc,YAAY;UACxD,QAAQ,WAAW,aAAa,IAAK,WAAW,QAAmB;QAErE,SAAS,QAAW;sBACjB,+DAA+D;AAAA;UAEhE,WAAWA,aAAS,MAAM;UAC1B,MAAM,SAAS,QAAW;eACrB,MAAM;AAAA;cAEP;aACD,GAAG;AAAA,KACX;UAEK,aAAaC,QAAI,KAAK;;MAG1B;AAAA,MACA,MAAM;cACE,WAAW,aAAa,MAAM,SAAS,SAAS,KAAK;YACvD,WAAW,oBAAoB;qBACtB,mBAAmB,SAAS,OAAO,QAAQ;AAAA;mBAE7C,QAAQ;AAAA;AACrB,MACA,EAAE,WAAW;AAAK;UAGd,QAAQD,aAAwB,MAAM;YACpC,YAA2B,MAAM,QAAS,MAAM,QAA2B;UAC7E,KAAK,UAAU,UAAU;eACpB;AAAA,UAEL,GAAG;AAAA;AACL;aAEK,EAAE,GAAG;AAAU,KACvB;UAEK,cAAcA,aAAS,MAAM;UAC7B,UAAU,OAAO;eACZ,MAAM,UAAU,UAAa,CAAC,MAAM,YAAY,UAAU;AAAA;aAE5D;AAAA,KACR;UAEK,UAAU,MAAM;UAChB,MAAM,UAAU;;;YAGd,MAAM,SAAS;oBACP,KAAK,MAAM;UACrB,WAAW,oBAAoBE,mBAAW,WAAW,gBAAgB,GAAG;mBAC/D;AAAiB;YAExB,SAAS;AAAA,QACb;AAAA,QACA,MAAM;AAAC;uBAEQA,mBAAW,aAAa,KAAK,cAAc,MAAM;UAC9D,WAAW,OAAO;4BACAA,mBAAW,gBAAgB,KAAK,iBAAiB,MAAM;AAAA,aACtE;0BACaA,mBAAW,cAAc,KAAK,eAAe,MAAM;AAAA;WAElE,SAAS,MAAM;AAAA;WAGf;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;0BA9HCC,gBAiBW;IAjBA,OAAO;IAAQ,UAAQ,CAAG;IAAa,WAAU;AAAA,IAAS,OAAKC,sBAAK,wBAAS;AAAA;yBACtF,MAeK;AAAA,MAfLC,uBAeK,MAfLC,eAeK;AAAA,QAdH,MAAK;AAAA,QACJ,OAAK;AAAA,UAAY;;gBAAmC,4BAAuB;gBAA0B,4BAAuB;;;QAO5H,OAAO;QACP,cAAY;SACL,aAAM;AAAA,QACb,SAAK,uCAAE;;QAERC,eAAwB,4BAAxB,MAAwB;AAAA,kDAAf,UAAK;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koi-design/uxd-ui",
-  "version": "14.0.35",
+  "version": "14.0.36",
   "description": "uxd ui component with vue3.0",
   "license": "MIT",
   "maintainers": [],

package/styles/components/table/index.css

@@ -1 +1 @@
-:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-table-wrapper{--table-border-color:var(--color-border-split);--table-border-radius:var(--radius-md);--table-fixed-left-shadow:inset 10px 0 8px -8px rgba(0, 0, 0, 0.1);--table-fixed-right-shadow:inset -10px 0 8px -8px rgba(0, 0, 0, 0.1);--table-header-background:var(--color-background);--table-header-color:var(--secondary-font-color);--table-header-font-weight:var(--font-weight-medium);--table-header-height:var(--space-10);--table-header-padding:0 var(--space-2);--table-row-hover-background-color:var(--color-background-secondary);--table-expanded-row-background:var(--color-background-secondary);--table-cell-padding:var(--space-2) var(--space-2);--table-cell-line-height:var(--space-5);--table-cell-min-height:var(--space-9)}.uui-table{box-sizing:border-box;margin:0;padding:0;color:var(--default-font-color);font-size:var(--default-font-size);font-variant:var(--default-font-variant);line-height:var(--default-line-height);list-style:none;font-feature-settings:var(--default-font-feature-settings);position:relative;clear:both;background:var(--color-background)}.uui-table-body{transition:opacity var(--animation-time)}.uui-table-empty .uui-table-body{overflow:auto hidden!important}.uui-table-layout-fixed table{table-layout:fixed}.uui-table table{width:100%;text-align:left;border-collapse:separate;border-spacing:0}.uui-table-thead>tr>th{padding:var(--table-header-padding);color:var(--table-header-color);font-weight:var(--table-header-font-weight);text-align:left;background:var(--table-header-background);transition:background .3s ease;height:var(--table-header-height);border-bottom:1px solid var(--table-border-color)}.uui-table-thead>tr>th[colspan]:not([colspan='1']){text-align:center}.uui-table-tbody>tr:not(:last-child)>td{border-bottom:1px solid var(--table-border-color)}.uui-table-tbody>tr>td{padding:var(--table-cell-padding);line-height:var(--table-cell-line-height);min-height:var(--table-cell-min-height);overflow-wrap:break-word;transition:background .3s}.uui-table-tbody>tr>td:empty{height:var(--table-cell-min-height)}.uui-table tr.uui-table-expanded-row-hover:not(.uui-table-expanded-row-disabled-hover)>td:not(.uui-table-row-cell-custom):not([rowspan]),.uui-table tr.uui-table-row-hover:not(.uui-table-row-disabled-hover):not(.uui-table-row-custom)>td:not(.uui-table-row-cell-custom):not([rowspan]),.uui-table tr.uui-table-summary-row-hover:not(.uui-table-summary-row-disabled-hover)>td:not(.uui-table-row-cell-custom):not([rowspan]){background:var(--table-row-hover-background-color)}.uui-table-thead>tr:hover{background:0 0}.uui-table-header{overflow:hidden;background:var(--table-header-background)}.uui-table-row-expand-icon{display:inline-flex;justify-content:center;align-items:center;width:var(--icon-font-size);height:var(--icon-font-size);line-height:1;color:var(--icon-button-color);background:var(--color-background);border:1px solid var(--icon-button-color);border-radius:var(--radius-base);transition:all .3s;-webkit-user-select:none;user-select:none;cursor:pointer}.uui-table-row-expand-icon:active,.uui-table-row-expand-icon:focus,.uui-table-row-expand-icon:hover{color:var(--icon-button-hover-color);border-color:var(--icon-button-hover-color)}.uui-table-row-expand-icon.uui-table-row-expanded::after{content:'-'}.uui-table-row-expand-icon.uui-table-row-collapsed::after{content:'+'}.uui-table-row-expand-custom-icon{display:inline-flex;justify-content:center;align-items:center;width:var(--icon-font-size);height:var(--icon-font-size);color:inherit;line-height:1;cursor:pointer}.uui-table-row-expand-custom-icon.uui-table-row-expanded .uui-icon{transform:rotate(90deg)}.uui-table-row-spaced{visibility:hidden}.uui-table-row-cell-ellipsis,.uui-table-row-cell-ellipsis .uui-table-column-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uui-table-row-cell-ellipsis .uui-table-column-title span,.uui-table-row-cell-ellipsis span{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uui-table-row-cell-ellipsis .uui-table-column-title{display:block}.uui-table-row-cell-break-word{word-wrap:break-word;word-break:break-word}tr.uui-table-expanded-row,tr.uui-table-expanded-row:hover{background:var(--table-expanded-row-background)}.uui-table .uui-table-row-indent+.uui-table-row-expand-custom-icon,.uui-table .uui-table-row-indent+.uui-table-row-expand-icon{margin-right:var(--space-1)}tr.uui-table-summary-row td{background:var(--color-background-secondary)}.uui-table-body-inner{height:100%}.uui-table-fixed-header>.uui-table-content>.uui-table-scroll>.uui-table-body{position:relative;background:var(--color-background)}.uui-table-placeholder{position:relative;z-index:1;padding:var(--table-cell-padding);color:var(--placeholder-color);font-size:var(--default-font-size);text-align:center;background:var(--color-background)}.uui-table-radius{border-radius:var(--table-border-radius)}.uui-table-radius .uui-table-header{border-radius:var(--table-border-radius) var(--table-border-radius) 0 0}.uui-table-radius .uui-table-body{border-radius:var(--table-border-radius)}.uui-table-radius .uui-table-body:has(+.uui-table-placeholder){border-radius:var(--table-border-radius) var(--table-border-radius) 0 0}.uui-table-radius .uui-table-header+.uui-table-body{border-radius:0 0 var(--table-border-radius) var(--table-border-radius)}.uui-table-radius .uui-table-placeholder{border-radius:0 0 var(--table-border-radius) var(--table-border-radius)}.uui-table-surface{border:1px solid var(--table-border-color)}.uui-table-border{border:1px solid var(--table-border-color)}.uui-table-border .uui-table-tbody>tr>td:not(:last-child),.uui-table-border .uui-table-thead>tr>th:not(.uui-table-column-header-right){border-right:1px solid var(--table-border-color)}.uui-table-fixed-column{position:sticky;background-color:var(--color-background);z-index:var(--zindex-table-fixed)}.uui-table-fixed-column-left-last::after,.uui-table-fixed-column-right-first::after{content:' ';position:absolute;top:0;bottom:0;width:30px;transform:translateX(100%);transition:box-shadow .3s;transition:box-shadow .3s ease;pointer-events:none}.uui-table-fixed-column-left-last::after{content:' ';box-shadow:var(--table-fixed-left-shadow);right:0;transform:translateX(100%)}.uui-table-fixed-column-right-first::after{content:' ';box-shadow:var(--table-fixed-right-shadow);left:0;transform:translateX(-100%)}.uui-table.uui-table-scroll-position-left .uui-table-fixed-column-left-last::after{box-shadow:none}.uui-table.uui-table-scroll-position-right .uui-table-fixed-column-right-first::after{box-shadow:none}.uui-table-thead>tr>th.uui-table-selection-column-custom .uui-table-selection{margin-right:-18px}.uui-table-tbody>tr>td.uui-table-selection-column,.uui-table-thead>tr>th.uui-table-selection-column{text-align:center}.uui-table-tbody>tr>td.uui-table-selection-column .uui-radio-wrapper,.uui-table-thead>tr>th.uui-table-selection-column .uui-radio-wrapper{margin-right:0}.uui-table-row[class*=uui-table-row-level-0] .uui-table-selection-column>span{display:inline-block}.uui-table-selection{display:flex;align-items:center;justify-content:center}.uui-table-selection-select-all-custom{margin-right:4px!important}.uui-table-selection-menu{min-width:96px;margin-top:5px;margin-left:-30px;background:var(--color-background);border-radius:var(--dropdown-border-radius);box-shadow:var(--dropdown-shadow)}.uui-table-selection-menu .uui-action-down{color:var(--table-header-icon-color)}.uui-table-selection-down{display:inline-block;padding:0;line-height:1;cursor:pointer;color:var(--icon-button-color);transition:all .3s}.uui-table-selection-down:hover{color:var(--icon-button-hover-color)}.uui-table-thead>tr>th.uui-table-column-has-actions{background-clip:padding-box;-webkit-background-clip:border-box}.uui-table-thead>tr>th.uui-table-column-has-actions:not(.uui-table-fixed-column){position:relative}.uui-table-thead>tr>th.uui-table-column-has-actions .uui-table-header-column{display:inline-block;max-width:100%;vertical-align:top}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters .uui-table-filter-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);width:var(--space-7);height:var(--space-7);color:var(--icon-button-color);font-size:var(--default-font-size);border-radius:var(--radius-base);text-align:center;cursor:pointer;transition:all .3s}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters .uui-table-filter-icon.uui-table-filter-open{color:var(--icon-button-hover-color);background:var(--color-background-secondary)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters .uui-table-filter-icon .uui-icon{position:absolute;top:0;left:50%;transform:translateX(-50%)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters .uui-table-filter-icon:hover{background:var(--color-background-secondary);color:var(--icon-button-hover-color)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters{cursor:pointer;-webkit-user-select:none;user-select:none}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters{display:flex;align-items:center;padding:var(--space-1) var(--space-1);transform:translateX(calc(0 - var(--space-1)));border-radius:var(--radius-base)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters>.uui-table-column-title{display:flex;align-items:center}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters>:not(.uui-table-column-sorter){position:relative}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter{display:flex;align-items:center}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner{height:1em;line-height:1em;margin-left:2px;color:var(--icon-button-color);transition:all .3s}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-down,.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-up{display:block;height:var(--default-font-size);line-height:var(--default-font-size);transition:all .3s}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-down.on,.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-up.on{color:var(--default-font-color)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full{margin-top:0}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-down,.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-up{height:calc(var(--default-font-size)/ 2);line-height:calc(var(--default-font-size)/ 2);display:flex;align-items:center}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters:hover{background:var(--color-background-secondary)}.uui-table-thead>tr>th.uui-table-column-sort{background:var(--color-background)}.uui-table-thead>tr>th .uui-table-column-tips-icon{margin-left:var(--space-1);cursor:pointer;line-height:1;height:auto}.uui-table-tbody>tr>td.uui-table-column-sort{background:var(--color-background)}.uui-table-tbody>tr.uui-table-row-hover>td.uui-table-column-sort{background:var(--color-background-secondary)}.uui-table-filter-dropdown{position:relative;min-width:96px;margin-left:-8px;background:var(--table-background-color);border:1px solid var(--color-border-split);border-radius:var(--radius-base);box-shadow:var(--dropdown-shadow)}.uui-table-filter-dropdown .uui-dropdown-menu{max-height:calc(100vh - 130px);overflow-x:hidden;border:0;border-radius:var(--radius-base);box-shadow:none}.uui-table-filter-dropdown .uui-dropdown-menu-item>label+span{padding-right:0}.uui-table-filter-dropdown .uui-dropdown-menu-item .uui-checkbox-wrap+span{padding-left:8px}.uui-table-filter-dropdown .uui-dropdown-menu-sub{border-radius:var(--radius-base);box-shadow:var(--dropdown-shadow)}.uui-table-filter-dropdown .uui-dropdown-menu .uui-dropdown-submenu-contain-selected .uui-dropdown-menu-submenu-title::after{color:var(--primary-color);font-weight:700}.uui-table-filter-dropdown .uui-dropdown-menu-item{overflow:hidden}.uui-table-filter-dropdown-btns{padding:8px;overflow:hidden;display:flex;justify-content:space-between}.uui-table-filter-dropdown-link{color:var(--default-font-color);padding:0 var(--space-1-5);border-radius:var(--radius-base)}.uui-table-filter-dropdown-link:active,.uui-table-filter-dropdown-link:hover{background:var(--color-background-secondary);color:var(--default-font-color);text-decoration:none}.uui-table-thead>tr>th.uui-table-column-has-resize:not(.uui-table-fixed-column){position:relative}.uui-table-thead>tr>th.uui-table-column-has-resize.uui-table-header-column .uui-table-column-sorters::before{right:5px}.uui-table-thead>tr>th.uui-table-column-has-resize.uui-table-column-has-filters .uui-table-filter-icon{right:5px}.uui-table-thead>tr>th.uui-table-column-has-resize .uui-table-column-resize-trigger{position:absolute;top:0;right:0;width:5px;height:100%;cursor:col-resize}.uui-table-resize-line{position:absolute;left:0;top:0;bottom:0;height:100%;width:0;border-left:2px dashed var(--color-border-split);z-index:10}.uui-table-stripe tbody>tr:nth-child(2n){background-color:var(--color-background-secondary)}.uui-table-stripe tbody>tr:nth-child(2n) td{background-color:var(--color-background-secondary)}.uui-table.uui-table-large{--table-cell-padding:var(--space-3) var(--space-2)}.uui-table.uui-table-small{--table-cell-padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.uui-table-row-skeleton-wrap{display:flex;align-items:center;column-gap:var(--space-2);flex-wrap:wrap}.uui-table-draggable-icon{cursor:move}.uui-table-dragging .uui-table-thead>tr>th{cursor:col-resize}.uui-table-dragging .uui-table-thead>tr>th.uui-table-column-has-actions .uui-table-header-column .uui-table-column-sorters:hover::before{background:0 0!important}.uui-table-dragging .uui-table-thead>tr>th.uui-table-column-has-actions:hover{background:var(--table-header-background)}.uui-table-dragging .uui-table-thead>tr>th.uui-table-column-has-filters:hover{background:var(--table-header-background)}.uui-table-dragging .uui-table-thead>tr>th.uui-table-column-has-filters:hover .uui-table-filter-icon{background:0 0}.uui-table-pagination-bottom{margin-top:var(--space-2)}.uui-table-pagination-top{margin-bottom:var(--space-2)}.uui-table-pagination-right{text-align:right}
+:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-table-wrapper{--table-border-color:var(--color-border-split);--table-border-radius:var(--radius-md);--table-fixed-left-shadow:inset 10px 0 8px -8px rgba(0, 0, 0, 0.1);--table-fixed-right-shadow:inset -10px 0 8px -8px rgba(0, 0, 0, 0.1);--table-header-background:var(--color-background);--table-header-color:var(--secondary-font-color);--table-header-font-weight:var(--font-weight-medium);--table-header-height:var(--space-10);--table-header-padding:0 var(--space-2);--table-row-hover-background-color:var(--color-background-secondary);--table-expanded-row-background:var(--color-background-secondary);--table-cell-padding:var(--space-2) var(--space-2);--table-cell-line-height:var(--space-5);--table-cell-min-height:var(--space-9)}.uui-table{box-sizing:border-box;margin:0;padding:0;color:var(--default-font-color);font-size:var(--default-font-size);font-variant:var(--default-font-variant);line-height:var(--default-line-height);list-style:none;font-feature-settings:var(--default-font-feature-settings);position:relative;clear:both;background:var(--color-background)}.uui-table-body{transition:opacity var(--animation-time)}.uui-table-empty .uui-table-body{overflow:auto hidden!important}.uui-table-layout-fixed table{table-layout:fixed}.uui-table table{width:100%;text-align:left;border-collapse:separate;border-spacing:0}.uui-table-thead>tr>th{padding:var(--table-header-padding);color:var(--table-header-color);font-weight:var(--table-header-font-weight);text-align:left;background:var(--table-header-background);transition:background .3s ease;height:var(--table-header-height);border-bottom:1px solid var(--table-border-color)}.uui-table-thead>tr>th[colspan]:not([colspan='1']){text-align:center}.uui-table-tbody>tr:not(:last-child)>td{border-bottom:1px solid var(--table-border-color)}.uui-table-tbody>tr>td{padding:var(--table-cell-padding);line-height:var(--table-cell-line-height);min-height:var(--table-cell-min-height);overflow-wrap:break-word;transition:background .3s}.uui-table-tbody>tr>td:empty{height:var(--table-cell-min-height)}.uui-table tr.uui-table-expanded-row-hover:not(.uui-table-expanded-row-disabled-hover)>td:not(.uui-table-row-cell-custom):not([rowspan]),.uui-table tr.uui-table-row-hover:not(.uui-table-row-disabled-hover):not(.uui-table-row-custom)>td:not(.uui-table-row-cell-custom):not([rowspan]),.uui-table tr.uui-table-summary-row-hover:not(.uui-table-summary-row-disabled-hover)>td:not(.uui-table-row-cell-custom):not([rowspan]){background:var(--table-row-hover-background-color)}.uui-table-thead>tr:hover{background:0 0}.uui-table-header{overflow:hidden;background:var(--table-header-background)}.uui-table-row-expand-icon{display:inline-flex;justify-content:center;align-items:center;width:var(--icon-font-size);height:var(--icon-font-size);line-height:1;color:var(--icon-button-color);background:var(--color-background);border:1px solid var(--icon-button-color);border-radius:var(--radius-base);transition:all .3s;-webkit-user-select:none;user-select:none;cursor:pointer}.uui-table-row-expand-icon:active,.uui-table-row-expand-icon:focus,.uui-table-row-expand-icon:hover{color:var(--icon-button-hover-color);border-color:var(--icon-button-hover-color)}.uui-table-row-expand-icon.uui-table-row-expanded::after{content:'-'}.uui-table-row-expand-icon.uui-table-row-collapsed::after{content:'+'}.uui-table-row-expand-custom-icon{display:inline-flex;justify-content:center;align-items:center;width:var(--icon-font-size);height:var(--icon-font-size);color:inherit;line-height:1;cursor:pointer}.uui-table-row-expand-custom-icon.uui-table-row-expanded .uui-icon{transform:rotate(90deg)}.uui-table-row-spaced{visibility:hidden}.uui-table-row-cell-ellipsis,.uui-table-row-cell-ellipsis .uui-table-column-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uui-table-row-cell-ellipsis .uui-table-column-title span,.uui-table-row-cell-ellipsis span{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uui-table-row-cell-ellipsis .uui-table-column-title{display:block}.uui-table-row-cell-break-word{word-wrap:break-word;word-break:break-word}tr.uui-table-expanded-row,tr.uui-table-expanded-row:hover{background:var(--table-expanded-row-background)}.uui-table .uui-table-row-indent+.uui-table-row-expand-custom-icon,.uui-table .uui-table-row-indent+.uui-table-row-expand-icon{margin-right:var(--space-1)}tr.uui-table-summary-row td{background:var(--color-background-secondary)}.uui-table-body-inner{height:100%}.uui-table-fixed-header>.uui-table-content>.uui-table-scroll>.uui-table-body{position:relative;background:var(--color-background)}.uui-table-placeholder{position:relative;z-index:1;padding:var(--table-cell-padding);color:var(--placeholder-color);font-size:var(--default-font-size);text-align:center;background:var(--color-background)}.uui-table-radius{border-radius:var(--table-border-radius)}.uui-table-radius .uui-table-header{border-radius:var(--table-border-radius) var(--table-border-radius) 0 0}.uui-table-radius .uui-table-body{border-radius:var(--table-border-radius)}.uui-table-radius .uui-table-body:has(+.uui-table-placeholder){border-radius:var(--table-border-radius) var(--table-border-radius) 0 0}.uui-table-radius .uui-table-header+.uui-table-body{border-radius:0 0 var(--table-border-radius) var(--table-border-radius)}.uui-table-radius .uui-table-placeholder{border-radius:0 0 var(--table-border-radius) var(--table-border-radius)}.uui-table-surface{border:1px solid var(--table-border-color)}.uui-table-border{border:1px solid var(--table-border-color)}.uui-table-border .uui-table-tbody>tr>td:not(:last-child),.uui-table-border .uui-table-thead>tr>th:not(.uui-table-column-header-right){border-right:1px solid var(--table-border-color)}.uui-table-fixed-column{position:sticky;background-color:var(--color-background);z-index:var(--zindex-table-fixed)}.uui-table-fixed-column-left-last::after,.uui-table-fixed-column-right-first::after{content:' ';position:absolute;top:0;bottom:0;width:30px;transform:translateX(100%);transition:box-shadow .3s;transition:box-shadow .3s ease;pointer-events:none}.uui-table-fixed-column-left-last::after{content:' ';box-shadow:var(--table-fixed-left-shadow);right:0;transform:translateX(100%)}.uui-table-fixed-column-right-first::after{content:' ';box-shadow:var(--table-fixed-right-shadow);left:0;transform:translateX(-100%)}.uui-table.uui-table-scroll-position-left .uui-table-fixed-column-left-last::after{box-shadow:none}.uui-table.uui-table-scroll-position-right .uui-table-fixed-column-right-first::after{box-shadow:none}.uui-table-thead>tr>th.uui-table-selection-column-custom .uui-table-selection{margin-right:-18px}.uui-table-tbody>tr>td.uui-table-selection-column,.uui-table-thead>tr>th.uui-table-selection-column{text-align:center}.uui-table-tbody>tr>td.uui-table-selection-column .uui-radio-wrapper,.uui-table-thead>tr>th.uui-table-selection-column .uui-radio-wrapper{margin-right:0}.uui-table-row[class*=uui-table-row-level-0] .uui-table-selection-column>span{display:inline-block}.uui-table-selection{display:flex;align-items:center;justify-content:center}.uui-table-selection-select-all-custom{margin-right:4px!important}.uui-table-selection-menu{min-width:96px;margin-top:5px;margin-left:-30px;background:var(--color-background);border-radius:var(--dropdown-border-radius);box-shadow:var(--dropdown-shadow)}.uui-table-selection-menu .uui-action-down{color:var(--table-header-icon-color)}.uui-table-selection-down{display:inline-block;padding:0;line-height:1;cursor:pointer;color:var(--icon-button-color);transition:all .3s}.uui-table-selection-down:hover{color:var(--icon-button-hover-color)}.uui-table-thead>tr>th.uui-table-column-has-actions{background-clip:padding-box;-webkit-background-clip:border-box}.uui-table-thead>tr>th.uui-table-column-has-actions:not(.uui-table-fixed-column){position:relative}.uui-table-thead>tr>th.uui-table-column-has-actions .uui-table-header-column{display:inline-block;max-width:100%;vertical-align:top}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters .uui-table-filter-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);width:var(--space-7);height:var(--space-7);color:var(--icon-button-color);font-size:var(--default-font-size);border-radius:var(--radius-base);text-align:center;cursor:pointer;transition:all .3s}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters .uui-table-filter-icon.uui-table-filter-open{color:var(--icon-button-hover-color);background:var(--color-background-secondary)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters .uui-table-filter-icon .uui-icon{position:absolute;top:0;left:50%;transform:translateX(-50%)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters .uui-table-filter-icon:hover{background:var(--color-background-secondary);color:var(--icon-button-hover-color)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters{cursor:pointer;-webkit-user-select:none;user-select:none}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters{display:flex;align-items:center;padding:var(--space-1) var(--space-1);transform:translateX(calc(0 - var(--space-1)));border-radius:var(--radius-base)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters>.uui-table-column-title{display:flex;align-items:center}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters>:not(.uui-table-column-sorter){position:relative}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter{display:flex;align-items:center}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner{height:1em;line-height:1em;margin-left:2px;color:var(--icon-button-color);transition:all .3s}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-down,.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-up{display:block;height:var(--default-font-size);line-height:var(--default-font-size);transition:all .3s}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-down.on,.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-up.on{color:var(--default-font-color)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full{margin-top:0}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-down,.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-up{height:calc(var(--default-font-size)/ 2);line-height:calc(var(--default-font-size)/ 2);display:flex;align-items:center}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters:hover{background:var(--color-background-secondary)}.uui-table-thead>tr>th.uui-table-column-sort{background:var(--color-background)}.uui-table-thead>tr>th .uui-table-column-tips-icon{margin-left:var(--space-1);cursor:pointer;line-height:1;height:auto}.uui-table-tbody>tr>td.uui-table-column-sort{background:var(--color-background)}.uui-table-tbody>tr.uui-table-row-hover>td.uui-table-column-sort{background:var(--color-background-secondary)}.uui-table-filter-dropdown{position:relative;min-width:96px;margin-left:-8px;background:var(--color-background);border:1px solid var(--color-border-split);border-radius:var(--radius-base);box-shadow:var(--dropdown-shadow);padding:var(--space-1)}.uui-table-filter-dropdown .uui-dropdown-menu{max-height:calc(100vh - 130px);overflow-x:hidden;border:0;border-radius:var(--radius-base);box-shadow:none}.uui-table-filter-dropdown .uui-dropdown-menu-item>label+span{padding-right:0}.uui-table-filter-dropdown .uui-dropdown-menu-item .uui-checkbox-wrap+span{padding-left:8px}.uui-table-filter-dropdown .uui-dropdown-menu-sub{border-radius:var(--radius-base);box-shadow:var(--dropdown-shadow)}.uui-table-filter-dropdown .uui-dropdown-menu .uui-dropdown-submenu-contain-selected .uui-dropdown-menu-submenu-title::after{color:var(--primary-color);font-weight:700}.uui-table-filter-dropdown .uui-dropdown-menu-item{overflow:hidden}.uui-table-filter-dropdown-btns{padding:8px;overflow:hidden;display:flex;justify-content:space-between}.uui-table-filter-dropdown-link{color:var(--default-font-color);padding:0 var(--space-1-5);border-radius:var(--radius-base)}.uui-table-filter-dropdown-link:active,.uui-table-filter-dropdown-link:hover{background:var(--color-background-secondary);color:var(--default-font-color);text-decoration:none}.uui-table-thead>tr>th.uui-table-column-has-resize:not(.uui-table-fixed-column){position:relative}.uui-table-thead>tr>th.uui-table-column-has-resize.uui-table-header-column .uui-table-column-sorters::before{right:5px}.uui-table-thead>tr>th.uui-table-column-has-resize.uui-table-column-has-filters .uui-table-filter-icon{right:5px}.uui-table-thead>tr>th.uui-table-column-has-resize .uui-table-column-resize-trigger{position:absolute;top:0;right:0;width:5px;height:100%;cursor:col-resize}.uui-table-resize-line{position:absolute;left:0;top:0;bottom:0;height:100%;width:0;border-left:2px dashed var(--color-border-split);z-index:10}.uui-table-stripe tbody>tr:nth-child(2n){background-color:var(--color-background-secondary)}.uui-table-stripe tbody>tr:nth-child(2n) td{background-color:var(--color-background-secondary)}.uui-table.uui-table-large{--table-cell-padding:var(--space-3) var(--space-2)}.uui-table.uui-table-small{--table-cell-padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.uui-table-row-skeleton-wrap{display:flex;align-items:center;column-gap:var(--space-2);flex-wrap:wrap}.uui-table-draggable-icon{cursor:move}.uui-table-dragging .uui-table-thead>tr>th{cursor:col-resize}.uui-table-dragging .uui-table-thead>tr>th.uui-table-column-has-actions .uui-table-header-column .uui-table-column-sorters:hover::before{background:0 0!important}.uui-table-dragging .uui-table-thead>tr>th.uui-table-column-has-actions:hover{background:var(--table-header-background)}.uui-table-dragging .uui-table-thead>tr>th.uui-table-column-has-filters:hover{background:var(--table-header-background)}.uui-table-dragging .uui-table-thead>tr>th.uui-table-column-has-filters:hover .uui-table-filter-icon{background:0 0}.uui-table-pagination-bottom{margin-top:var(--space-2)}.uui-table-pagination-top{margin-bottom:var(--space-2)}.uui-table-pagination-right{text-align:right}

package/styles/components/table/index.less

@@ -520,10 +520,11 @@
     position: relative;
     min-width: 96px;
     margin-left: -8px;
-    background: var(--table-background-color);
+    background: var(--color-background);
     border: 1px solid var(--color-border-split);
     border-radius: var(--radius-base);
     box-shadow: var(--dropdown-shadow);
+    padding: var(--space-1);
 
     .@{css-prefix}-dropdown-menu {
       // https://github.com/ant-design/ant-design/issues/4916