@koi-design/uxd-ui 14.0.6 → 14.0.8

package/es/components/Menu/Menu.type.mjs

@@ -10,11 +10,6 @@ const menuProps = {
     default: "vertical",
     validator: oneOf(menuMode)
   },
-  theme: {
-    type: String,
-    default: "light",
-    validator: oneOf(menuTheme)
-  },
   selectedKeys: {
     type: Array,
     validator: isArrayOf([Number, String])

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.type.mjs","sources":["../../../../src/components/Menu/Menu.type.ts"],"sourcesContent":["import type { Ref, ComputedRef, PropType, ExtractPropTypes } from 'vue';\nimport type { GetPopupContainer, PopupTrigger } from '@uxd-ui/components/Popup/Popup.type';\nimport { isArrayOf, oneOf } from '../../utils/propsValidators';\n\nimport type Menu from './Menu';\n\nimport type MenuItem from './MenuItem.vue';\n\nimport type SubMenu from './SubMenu.vue';\n\nimport type MenuItemGroup from './MenuItemGroup.vue';\n\nimport type MenuDivider from './MenuDivider.vue';\nimport type { ColorType } from '../../utils';\nimport { colorType } from '../../utils';\n\nexport const menuMode = ['horizontal', 'vertical', 'vertical-left', 'vertical-right', 'inline'] as const;\nexport type MenuMode = (typeof menuMode)[number];\nexport const menuTheme = ['light', 'dark'] as const;\nexport type MenuTheme = (typeof menuTheme)[number];\n\nexport const menuProps = {\n  mode: {\n    type: String as PropType<MenuMode>,\n    default: 'vertical',\n    validator: oneOf(menuMode)\n  },\n  theme: {\n    type: String as PropType<MenuTheme>,\n    default: 'light',\n    validator: oneOf(menuTheme)\n  },\n  selectedKeys: {\n    type: Array as PropType<(string | number)[]>,\n    validator: isArrayOf([Number, String])\n  },\n  multiple: {\n    type: Boolean,\n    default: false\n  },\n  openKeys: {\n    type: Array as PropType<(string | number)[]>,\n    default: () => [] as string[]\n  },\n  subMenuOpenDelay: {\n    type: Number,\n    default: 0.1\n  },\n  subMenuCloseDelay: {\n    type: Number,\n    default: 0.1\n  },\n  inlineCollapsed: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  // inlineIndent: {\n  //   type: Number,\n  //   default: 24\n  // },\n  prefixCls: {\n    type: String\n  },\n  role: {\n    type: String\n  },\n  selectable: {\n    type: Boolean,\n    default: undefined as undefined\n  }\n};\nexport type MenuProps = ExtractPropTypes<typeof menuProps>;\n\nexport interface ParentMenu {\n  isRootMenu: boolean;\n  getPopupContainer: GetPopupContainer;\n  level?: number;\n  setSubMenuSelected?: (key: string | number, value: boolean) => void;\n  fireSubmenuClick?: () => void;\n  subMode?: ComputedRef<MenuMode>;\n}\n\nexport interface MenuStore {\n  mode: ComputedRef<MenuMode>;\n  originalMode: Ref<MenuMode>;\n  theme: Ref<MenuTheme>;\n  selectedKeys: Ref<(string | number)[]>;\n  openKeys: Ref<(string | number)[]>;\n  subMenuOpenDelay: Ref<number>;\n  subMenuCloseDelay: Ref<number>;\n  rootPrefixCls: ComputedRef<string>;\n  updateKeyPath: (key: string | number, type: string) => void;\n  inlineIndent: Ref<number>;\n  inlineCollapsed: Ref<boolean>;\n  collapsed: Ref<boolean>;\n}\n\nexport interface MenuItemClickEvent {\n  key: string | number;\n  item: any;\n}\n\nexport type MenuClickEvent = MenuItemClickEvent & {\n  keypath: (string | number)[];\n};\n\nexport interface MenuOpenEvent {\n  key: string | number;\n  trigger: PopupTrigger & 'Click';\n  item: any;\n  open: boolean;\n}\n\nexport interface MenuSelectEvent {\n  key: string | number;\n  item: any;\n  selectedKeys: (string | number)[];\n}\n\nexport interface MenuEvent {\n  fireMenuClick: (event: MenuItemClickEvent) => void;\n  fireMenuDeselect: (event: MenuItemClickEvent) => void;\n  fireMenuSelect: (event: MenuItemClickEvent) => void;\n  fireMenuOpenChange: (event: MenuOpenEvent) => void;\n}\n\nexport const menuEmits = {\n  click: (e: MenuClickEvent) => e.keypath && e.key !== undefined,\n  select: (e: MenuSelectEvent) => (typeof e.key === 'string' || typeof e.key === 'number') && Array.isArray(e.selectedKeys),\n  deselect: (e: MenuSelectEvent) => (typeof e.key === 'string' || typeof e.key === 'number') && Array.isArray(e.selectedKeys),\n  'update:selectedKeys': (selectedKeys: (string | number)[]) => Array.isArray(selectedKeys),\n  'open-change': (openKeys: (string | number)[], event: MenuOpenEvent) => Array.isArray(openKeys) && event.trigger && typeof event.open === 'boolean',\n  'update:openKeys': (openKeys: (string | number)[]) => Array.isArray(openKeys)\n};\n\nexport type MenuInstanceType = InstanceType<typeof Menu>;\n\nexport const menuItemProps = {\n  name: {\n    type: [String, Number]\n  },\n  disabled: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  title: {\n    type: String\n  },\n  color: {\n    type: String as PropType<ColorType | undefined>,\n    default: undefined as undefined | ColorType,\n    validator: oneOf(colorType)\n  }\n};\n\nexport type MenuItemProps = ExtractPropTypes<typeof menuItemProps>;\n\nexport const menuItemEmits = {\n  click: (e: MenuItemClickEvent) => typeof e.key === 'string' || typeof e.key === 'number'\n};\n\nexport type MenuItemEmits = typeof menuItemEmits;\n\nexport type MenuItemInstanceType = InstanceType<typeof MenuItem>;\n\nexport const subMenuProps = {\n  name: {\n    type: [String, Number]\n  },\n  title: {\n    type: String\n  },\n  disabled: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  popupClassName: {\n    type: String\n  },\n  color: {\n    type: String as PropType<ColorType | undefined>,\n    default: undefined as undefined | ColorType,\n    validator: oneOf(colorType)\n  }\n};\n\nexport type SubMenuProps = ExtractPropTypes<typeof subMenuProps>;\n\nexport const subMenuEmits = {\n  'title-click': (e: { key: string | number }) => typeof e.key === 'string' || typeof e.key === 'number'\n};\n\nexport type SubMenuEmits = typeof subMenuEmits;\n\nexport type SubMenuInstanceType = InstanceType<typeof SubMenu>;\n\nexport const menuItemGroupProps = {\n  title: {\n    type: String\n  }\n};\n\nexport type MenuItemGroupProps = ExtractPropTypes<typeof menuItemGroupProps>;\n\nexport type MenuItemGroupInstanceType = InstanceType<typeof MenuItemGroup>;\n\nexport type MenuDividerInstanceType = InstanceType<typeof MenuDivider>;\n"],"names":[],"mappings":";;;;MAgBa,WAAW,CAAC,cAAc,YAAY,iBAAiB,kBAAkB,QAAQ;MAEjF,YAAY,CAAC,SAAS,MAAM;MAG5B,YAAY;AAAA,EACvB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,QAAQ;AAAA;AAC3B,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,SAAS;AAAA;AAC5B,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,WAAW,UAAU,CAAC,QAAQ,MAAM,CAAC;AAAA;AACvC,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS,MAAM;AAAC;AAClB,EACA,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,mBAAmB;AAAA,IACjB,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EAKA,WAAW;AAAA,IACT,MAAM;AAAA;AACR,EACA,MAAM;AAAA,IACJ,MAAM;AAAA;AACR,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;MAwDa,YAAY;AAAA,EACvB,OAAO,CAAC,MAAsB,EAAE,WAAW,EAAE,QAAQ;AAAA,EACrD,QAAQ,CAAC,OAAwB,OAAO,EAAE,QAAQ,YAAY,OAAO,EAAE,QAAQ,aAAa,MAAM,QAAQ,EAAE,YAAY;AAAA,EACxH,UAAU,CAAC,OAAwB,OAAO,EAAE,QAAQ,YAAY,OAAO,EAAE,QAAQ,aAAa,MAAM,QAAQ,EAAE,YAAY;AAAA,EAC1H,uBAAuB,CAAC,iBAAsC,MAAM,QAAQ,YAAY;AAAA,EACxF,eAAe,CAAC,UAA+B,UAAyB,MAAM,QAAQ,QAAQ,KAAK,MAAM,WAAW,OAAO,MAAM,SAAS;AAAA,EAC1I,mBAAmB,CAAC,aAAkC,MAAM,QAAQ,QAAQ;AAC9E;MAIa,gBAAgB;AAAA,EAC3B,MAAM;AAAA,IACJ,MAAM,CAAC,QAAQ,MAAM;AAAA;AACvB,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA;AACR,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,SAAS;AAAA;AAE9B;MAIa,gBAAgB;AAAA,EAC3B,OAAO,CAAC,MAA0B,OAAO,EAAE,QAAQ,YAAY,OAAO,EAAE,QAAQ;AAClF;MAMa,eAAe;AAAA,EAC1B,MAAM;AAAA,IACJ,MAAM,CAAC,QAAQ,MAAM;AAAA;AACvB,EACA,OAAO;AAAA,IACL,MAAM;AAAA;AACR,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA;AACR,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,SAAS;AAAA;AAE9B;MAIa,eAAe;AAAA,EAC1B,eAAe,CAAC,MAAgC,OAAO,EAAE,QAAQ,YAAY,OAAO,EAAE,QAAQ;AAChG;MAMa,qBAAqB;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA;AAEV;;;;"}
+{"version":3,"file":"Menu.type.mjs","sources":["../../../../src/components/Menu/Menu.type.ts"],"sourcesContent":["import type { Ref, ComputedRef, PropType, ExtractPropTypes } from 'vue';\nimport type { GetPopupContainer, PopupTrigger } from '@uxd-ui/components/Popup/Popup.type';\nimport { isArrayOf, oneOf } from '../../utils/propsValidators';\n\nimport type Menu from './Menu';\n\nimport type MenuItem from './MenuItem.vue';\n\nimport type SubMenu from './SubMenu.vue';\n\nimport type MenuItemGroup from './MenuItemGroup.vue';\n\nimport type MenuDivider from './MenuDivider.vue';\nimport type { ColorType } from '../../utils';\nimport { colorType } from '../../utils';\n\nexport const menuMode = ['horizontal', 'vertical', 'vertical-left', 'vertical-right', 'inline'] as const;\nexport type MenuMode = (typeof menuMode)[number];\nexport const menuTheme = ['light', 'dark'] as const;\nexport type MenuTheme = (typeof menuTheme)[number];\n\nexport const menuProps = {\n  mode: {\n    type: String as PropType<MenuMode>,\n    default: 'vertical',\n    validator: oneOf(menuMode)\n  },\n  selectedKeys: {\n    type: Array as PropType<(string | number)[]>,\n    validator: isArrayOf([Number, String])\n  },\n  multiple: {\n    type: Boolean,\n    default: false\n  },\n  openKeys: {\n    type: Array as PropType<(string | number)[]>,\n    default: () => [] as string[]\n  },\n  subMenuOpenDelay: {\n    type: Number,\n    default: 0.1\n  },\n  subMenuCloseDelay: {\n    type: Number,\n    default: 0.1\n  },\n  inlineCollapsed: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  // inlineIndent: {\n  //   type: Number,\n  //   default: 24\n  // },\n  prefixCls: {\n    type: String\n  },\n  role: {\n    type: String\n  },\n  selectable: {\n    type: Boolean,\n    default: undefined as undefined\n  }\n};\nexport type MenuProps = ExtractPropTypes<typeof menuProps>;\n\nexport interface ParentMenu {\n  isRootMenu: boolean;\n  getPopupContainer: GetPopupContainer;\n  level?: number;\n  setSubMenuSelected?: (key: string | number, value: boolean) => void;\n  fireSubmenuClick?: () => void;\n  subMode?: ComputedRef<MenuMode>;\n}\n\nexport interface MenuStore {\n  mode: ComputedRef<MenuMode>;\n  originalMode: Ref<MenuMode>;\n  selectedKeys: Ref<(string | number)[]>;\n  openKeys: Ref<(string | number)[]>;\n  subMenuOpenDelay: Ref<number>;\n  subMenuCloseDelay: Ref<number>;\n  rootPrefixCls: ComputedRef<string>;\n  updateKeyPath: (key: string | number, type: string) => void;\n  inlineIndent: Ref<number>;\n  inlineCollapsed: Ref<boolean>;\n  collapsed: Ref<boolean>;\n}\n\nexport interface MenuItemClickEvent {\n  key: string | number;\n  item: any;\n}\n\nexport type MenuClickEvent = MenuItemClickEvent & {\n  keypath: (string | number)[];\n};\n\nexport interface MenuOpenEvent {\n  key: string | number;\n  trigger: PopupTrigger & 'Click';\n  item: any;\n  open: boolean;\n}\n\nexport interface MenuSelectEvent {\n  key: string | number;\n  item: any;\n  selectedKeys: (string | number)[];\n}\n\nexport interface MenuEvent {\n  fireMenuClick: (event: MenuItemClickEvent) => void;\n  fireMenuDeselect: (event: MenuItemClickEvent) => void;\n  fireMenuSelect: (event: MenuItemClickEvent) => void;\n  fireMenuOpenChange: (event: MenuOpenEvent) => void;\n}\n\nexport const menuEmits = {\n  click: (e: MenuClickEvent) => e.keypath && e.key !== undefined,\n  select: (e: MenuSelectEvent) => (typeof e.key === 'string' || typeof e.key === 'number') && Array.isArray(e.selectedKeys),\n  deselect: (e: MenuSelectEvent) => (typeof e.key === 'string' || typeof e.key === 'number') && Array.isArray(e.selectedKeys),\n  'update:selectedKeys': (selectedKeys: (string | number)[]) => Array.isArray(selectedKeys),\n  'open-change': (openKeys: (string | number)[], event: MenuOpenEvent) => Array.isArray(openKeys) && event.trigger && typeof event.open === 'boolean',\n  'update:openKeys': (openKeys: (string | number)[]) => Array.isArray(openKeys)\n};\n\nexport type MenuInstanceType = InstanceType<typeof Menu>;\n\nexport const menuItemProps = {\n  name: {\n    type: [String, Number]\n  },\n  disabled: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  title: {\n    type: String\n  },\n  color: {\n    type: String as PropType<ColorType | undefined>,\n    default: undefined as undefined | ColorType,\n    validator: oneOf(colorType)\n  }\n};\n\nexport type MenuItemProps = ExtractPropTypes<typeof menuItemProps>;\n\nexport const menuItemEmits = {\n  click: (e: MenuItemClickEvent) => typeof e.key === 'string' || typeof e.key === 'number'\n};\n\nexport type MenuItemEmits = typeof menuItemEmits;\n\nexport type MenuItemInstanceType = InstanceType<typeof MenuItem>;\n\nexport const subMenuProps = {\n  name: {\n    type: [String, Number]\n  },\n  title: {\n    type: String\n  },\n  disabled: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  popupClassName: {\n    type: String\n  },\n  color: {\n    type: String as PropType<ColorType | undefined>,\n    default: undefined as undefined | ColorType,\n    validator: oneOf(colorType)\n  }\n};\n\nexport type SubMenuProps = ExtractPropTypes<typeof subMenuProps>;\n\nexport const subMenuEmits = {\n  'title-click': (e: { key: string | number }) => typeof e.key === 'string' || typeof e.key === 'number'\n};\n\nexport type SubMenuEmits = typeof subMenuEmits;\n\nexport type SubMenuInstanceType = InstanceType<typeof SubMenu>;\n\nexport const menuItemGroupProps = {\n  title: {\n    type: String\n  }\n};\n\nexport type MenuItemGroupProps = ExtractPropTypes<typeof menuItemGroupProps>;\n\nexport type MenuItemGroupInstanceType = InstanceType<typeof MenuItemGroup>;\n\nexport type MenuDividerInstanceType = InstanceType<typeof MenuDivider>;\n"],"names":[],"mappings":";;;;MAgBa,WAAW,CAAC,cAAc,YAAY,iBAAiB,kBAAkB,QAAQ;MAEjF,YAAY,CAAC,SAAS,MAAM;MAG5B,YAAY;AAAA,EACvB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,QAAQ;AAAA;AAC3B,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,WAAW,UAAU,CAAC,QAAQ,MAAM,CAAC;AAAA;AACvC,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS,MAAM;AAAC;AAClB,EACA,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,mBAAmB;AAAA,IACjB,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EAKA,WAAW;AAAA,IACT,MAAM;AAAA;AACR,EACA,MAAM;AAAA,IACJ,MAAM;AAAA;AACR,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;MAuDa,YAAY;AAAA,EACvB,OAAO,CAAC,MAAsB,EAAE,WAAW,EAAE,QAAQ;AAAA,EACrD,QAAQ,CAAC,OAAwB,OAAO,EAAE,QAAQ,YAAY,OAAO,EAAE,QAAQ,aAAa,MAAM,QAAQ,EAAE,YAAY;AAAA,EACxH,UAAU,CAAC,OAAwB,OAAO,EAAE,QAAQ,YAAY,OAAO,EAAE,QAAQ,aAAa,MAAM,QAAQ,EAAE,YAAY;AAAA,EAC1H,uBAAuB,CAAC,iBAAsC,MAAM,QAAQ,YAAY;AAAA,EACxF,eAAe,CAAC,UAA+B,UAAyB,MAAM,QAAQ,QAAQ,KAAK,MAAM,WAAW,OAAO,MAAM,SAAS;AAAA,EAC1I,mBAAmB,CAAC,aAAkC,MAAM,QAAQ,QAAQ;AAC9E;MAIa,gBAAgB;AAAA,EAC3B,MAAM;AAAA,IACJ,MAAM,CAAC,QAAQ,MAAM;AAAA;AACvB,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA;AACR,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,SAAS;AAAA;AAE9B;MAIa,gBAAgB;AAAA,EAC3B,OAAO,CAAC,MAA0B,OAAO,EAAE,QAAQ,YAAY,OAAO,EAAE,QAAQ;AAClF;MAMa,eAAe;AAAA,EAC1B,MAAM;AAAA,IACJ,MAAM,CAAC,QAAQ,MAAM;AAAA;AACvB,EACA,OAAO;AAAA,IACL,MAAM;AAAA;AACR,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA;AACR,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,SAAS;AAAA;AAE9B;MAIa,eAAe;AAAA,EAC1B,eAAe,CAAC,MAAgC,OAAO,EAAE,QAAQ,YAAY,OAAO,EAAE,QAAQ;AAChG;MAMa,qBAAqB;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA;AAEV;;;;"}

package/es/components/Menu/SubMenu.mjs

@@ -27,7 +27,6 @@ const _sfc_main = defineComponent({
     const {
       openKeys,
       mode: menuMode,
-      theme,
       subMenuOpenDelay,
       subMenuCloseDelay,
       rootPrefixCls,
@@ -128,7 +127,6 @@ const _sfc_main = defineComponent({
       titleStyle,
       mode,
       subMode,
-      theme,
       isOpen,
       isSelected,
       menuId,
@@ -207,7 +205,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       key: 1,
       "aria-owns": _ctx.menuId,
       "aria-haspopup": "true",
-      "popup-class": `${_ctx.prefixCls}-popup ${_ctx.rootPrefixCls}-${_ctx.theme} ${_ctx.popupClassName || ""}`,
+      "popup-class": `${_ctx.prefixCls}-popup  ${_ctx.popupClassName || ""}`,
       prefix: _ctx.prefixCls,
       placement: _ctx.popupPlacement,
       offset: _ctx.popupOffset,

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

@@ -1 +1 @@
-{"version":3,"file":"SubMenu.mjs","sources":["../../../../src/components/Menu/SubMenu.vue"],"sourcesContent":["<template>\n  <li\n    role=\"menuitem\"\n    :class=\"[\n      prefixCls,\n      `${prefixCls}-${mode}`,\n      {\n        [`${prefixCls}-open`]: isOpen,\n        [`${prefixCls}-disabled`]: disabled,\n        [`${prefixCls}-selected`]: isSelected\n      }\n    ]\"\n  >\n    <template v-if=\"mode === 'inline'\">\n      <div :class=\"[`${prefixCls}-title`]\" :style=\"titleStyle\" :aria-expanded=\"isOpen\" :aria-owns=\"menuId\" aria-haspopup=\"true\" @click=\"onTitleClick\">\n        <slot name=\"title\">\n          {{ title }}\n        </slot>\n        <UIcon :class=\"`${prefixCls}-arrow`\">\n          <ChevronDown />\n        </UIcon>\n      </div>\n      <!-- <transition name=\"slide-up\"> -->\n      <CollapseTransition appear>\n        <ul\n          v-show=\"isOpen\"\n          :id=\"menuId\"\n          class=\"collapse-transition\"\n          :class=\"[rootPrefixCls, `${rootPrefixCls}-${mode}`, `${rootPrefixCls}-sub`]\"\n          :style=\"subMenuStyle\"\n        >\n          <slot />\n        </ul>\n      </CollapseTransition>\n      <!-- </transition> -->\n    </template>\n    <template v-else>\n      <Popup\n        :aria-owns=\"menuId\"\n        aria-haspopup=\"true\"\n        :popup-class=\"`${prefixCls}-popup ${rootPrefixCls}-${theme} ${popupClassName || ''}`\"\n        :prefix=\"prefixCls\"\n        :placement=\"popupPlacement\"\n        :offset=\"popupOffset\"\n        :trigger=\"disabled ? [] : trigger\"\n        :mouse-enter-delay=\"subMenuOpenDelay\"\n        :mouse-leave-delay=\"subMenuCloseDelay\"\n        :transition-name=\"mode === 'horizontal' ? 'slide-up' : 'zoom-big'\"\n        :get-popup-container=\"getPopupContainer\"\n        @popup-visible-change=\"onPopupVisibleChange\"\n        @click=\"onTitleClick\"\n      >\n        <div\n          :class=\"{\n            [`${prefixCls}-title`]: true,\n            [`${prefixCls}-title-disabled`]: disabled\n          }\"\n          :data-color=\"color\"\n          :aria-owns=\"menuId\"\n          aria-haspopup=\"true\"\n        >\n          <slot name=\"title\">\n            {{ title }}\n          </slot>\n          <UIcon :class=\"`${prefixCls}-arrow`\">\n            <ChevronRight />\n          </UIcon>\n        </div>\n\n        <template #popup>\n          <ul :id=\"menuId\" :class=\"[rootPrefixCls, `${rootPrefixCls}-${subMode}`, `${rootPrefixCls}-sub`]\">\n            <slot />\n          </ul>\n        </template>\n      </Popup>\n    </template>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, inject, computed, reactive } from 'vue';\nimport Popup from '@uxd-ui/components/Popup';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { ChevronDown, ChevronRight } from 'lucide-vue-next';\nimport warn from '../../utils/warn';\nimport useGetTriggerProps from './hooks/useGetTriggerProps';\nimport { isFunction } from '../../utils/isValid';\nimport CollapseTransition from '../base/CollapseTransition';\nimport { subMenuProps, subMenuEmits, type MenuEvent, type MenuStore, type MenuOpenEvent, type ParentMenu } from './Menu.type';\nimport type { GetPopupContainer } from '../Popup/Popup.type';\n\nlet guid = -1;\n\nexport default defineComponent({\n  name: 'USubMenu',\n  components: {\n    Popup,\n    UIcon,\n    ChevronDown,\n    ChevronRight,\n    CollapseTransition\n  },\n  props: subMenuProps,\n  emits: subMenuEmits,\n  setup(props, { emit }) {\n    const parentMenu = inject<ParentMenu>('parentMenu', {} as ParentMenu);\n    const {\n      openKeys,\n      mode: menuMode,\n      theme,\n      subMenuOpenDelay,\n      subMenuCloseDelay,\n      rootPrefixCls,\n      updateKeyPath\n      // inlineIndent\n    } = inject<MenuStore>('menuStore', {} as MenuStore);\n    const childrenSelected: Record<string, boolean> = reactive({});\n\n    if (menuMode === undefined) {\n      warn('cannot find menu parent Component ,OR! the menu mode is error');\n    }\n    const { fireMenuOpenChange } = inject<MenuEvent>('menuEvent', {} as MenuEvent);\n    const prefixCls = computed(() => `${rootPrefixCls.value}-submenu`);\n    guid += 1;\n    const menuId = computed(() => (props.name ? `${props.name}$Menu` : `${guid}$Menu`));\n\n    const level = parentMenu.isRootMenu ? 1 : (parentMenu.level || 0) + 1;\n\n    // #region computed\n    const mode = computed(() => {\n      return (parentMenu.subMode || menuMode).value;\n    });\n    const subMode = computed(() => {\n      if (parentMenu.subMode) {\n        // fix useGetTriggerProps\n        return parentMenu.subMode.value;\n      }\n      return mode.value === 'horizontal' ? 'vertical' : mode.value;\n    });\n\n    const subMenuStyle = computed(() => {\n      return `--menu-level: ${level};`;\n    });\n\n    const eventKey = computed(() => {\n      if (props.name) {\n        return props.name;\n      }\n      return menuId.value;\n    });\n\n    const isOpen = computed(() => {\n      return openKeys.value.includes(eventKey.value);\n    });\n\n    const isClickOpen = computed(() => {\n      return mode.value === 'inline';\n    });\n    const titleStyle = computed(() => {\n      if (mode.value === 'inline') {\n        return {\n          // paddingLeft: `${inlineIndent.value * level}px`\n        };\n      }\n      return {};\n    });\n    const isSelected = computed(() => {\n      const selected = Object.keys(childrenSelected).some((key) => childrenSelected[key]);\n      if (parentMenu.setSubMenuSelected) {\n        parentMenu.setSubMenuSelected(eventKey.value, selected);\n      }\n      return selected;\n    });\n    // #endregion\n    const { popupPlacement, popupOffset, trigger } = useGetTriggerProps(mode);\n\n    // #region methods\n    const setSubMenuSelected = (key: string | number, value: boolean) => {\n      childrenSelected[`${key}`] = value;\n    };\n\n    const getPopupContainer: GetPopupContainer = parentMenu.isRootMenu\n      ? () => parentMenu.getPopupContainer()\n      : (node?: HTMLElement) => {\n          return (node?.parentNode as HTMLElement) || undefined;\n        };\n\n    const triggerOpenChange = (open: boolean, type: string) => {\n      const _event = {\n        key: eventKey.value,\n        trigger: type,\n        item: {},\n        open\n      } as MenuOpenEvent;\n      fireMenuOpenChange && isFunction(fireMenuOpenChange) && fireMenuOpenChange(_event);\n    };\n\n    const onTitleClick = () => {\n      const _event = {\n        key: eventKey.value\n      };\n      emit('title-click', _event);\n      if (isClickOpen.value) {\n        triggerOpenChange(!isOpen.value, 'click');\n      }\n    };\n\n    const onPopupVisibleChange = (visible: boolean) => {\n      triggerOpenChange(visible, trigger.value[0]);\n    };\n\n    const fireSubmenuClick = () => {\n      const key = eventKey.value;\n      updateKeyPath && isFunction(updateKeyPath) && updateKeyPath(key, 'sub');\n      if (parentMenu.fireSubmenuClick && isFunction(parentMenu.fireSubmenuClick)) {\n        parentMenu.fireSubmenuClick();\n      }\n    };\n    // #endregion\n\n    provide('parentMenu', {\n      isRootMenu: false,\n      isSubMenu: true,\n      fireSubmenuClick,\n      setSubMenuSelected,\n      level,\n      subMode\n    });\n\n    return {\n      prefixCls,\n      rootPrefixCls,\n      titleStyle,\n      mode,\n      subMode,\n      theme,\n      isOpen,\n      isSelected,\n      menuId,\n      popupPlacement,\n      popupOffset,\n      trigger,\n      subMenuOpenDelay,\n      subMenuCloseDelay,\n      subMenuStyle,\n      getPopupContainer,\n      onTitleClick,\n      onPopupVisibleChange\n    };\n  }\n});\n</script>\n"],"names":["useGetTriggerProps","_createElementBlock","_normalizeClass","_Fragment","_createElementVNode","_normalizeStyle","_renderSlot","_createVNode","_createCommentVNode","_createBlock","_withCtx"],"mappings":"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"}
+{"version":3,"file":"SubMenu.mjs","sources":["../../../../src/components/Menu/SubMenu.vue"],"sourcesContent":["<template>\n  <li\n    role=\"menuitem\"\n    :class=\"[\n      prefixCls,\n      `${prefixCls}-${mode}`,\n      {\n        [`${prefixCls}-open`]: isOpen,\n        [`${prefixCls}-disabled`]: disabled,\n        [`${prefixCls}-selected`]: isSelected\n      }\n    ]\"\n  >\n    <template v-if=\"mode === 'inline'\">\n      <div :class=\"[`${prefixCls}-title`]\" :style=\"titleStyle\" :aria-expanded=\"isOpen\" :aria-owns=\"menuId\" aria-haspopup=\"true\" @click=\"onTitleClick\">\n        <slot name=\"title\">\n          {{ title }}\n        </slot>\n        <UIcon :class=\"`${prefixCls}-arrow`\">\n          <ChevronDown />\n        </UIcon>\n      </div>\n      <!-- <transition name=\"slide-up\"> -->\n      <CollapseTransition appear>\n        <ul\n          v-show=\"isOpen\"\n          :id=\"menuId\"\n          class=\"collapse-transition\"\n          :class=\"[rootPrefixCls, `${rootPrefixCls}-${mode}`, `${rootPrefixCls}-sub`]\"\n          :style=\"subMenuStyle\"\n        >\n          <slot />\n        </ul>\n      </CollapseTransition>\n      <!-- </transition> -->\n    </template>\n    <template v-else>\n      <Popup\n        :aria-owns=\"menuId\"\n        aria-haspopup=\"true\"\n        :popup-class=\"`${prefixCls}-popup  ${popupClassName || ''}`\"\n        :prefix=\"prefixCls\"\n        :placement=\"popupPlacement\"\n        :offset=\"popupOffset\"\n        :trigger=\"disabled ? [] : trigger\"\n        :mouse-enter-delay=\"subMenuOpenDelay\"\n        :mouse-leave-delay=\"subMenuCloseDelay\"\n        :transition-name=\"mode === 'horizontal' ? 'slide-up' : 'zoom-big'\"\n        :get-popup-container=\"getPopupContainer\"\n        @popup-visible-change=\"onPopupVisibleChange\"\n        @click=\"onTitleClick\"\n      >\n        <div\n          :class=\"{\n            [`${prefixCls}-title`]: true,\n            [`${prefixCls}-title-disabled`]: disabled\n          }\"\n          :data-color=\"color\"\n          :aria-owns=\"menuId\"\n          aria-haspopup=\"true\"\n        >\n          <slot name=\"title\">\n            {{ title }}\n          </slot>\n          <UIcon :class=\"`${prefixCls}-arrow`\">\n            <ChevronRight />\n          </UIcon>\n        </div>\n\n        <template #popup>\n          <ul :id=\"menuId\" :class=\"[rootPrefixCls, `${rootPrefixCls}-${subMode}`, `${rootPrefixCls}-sub`]\">\n            <slot />\n          </ul>\n        </template>\n      </Popup>\n    </template>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, inject, computed, reactive } from 'vue';\nimport Popup from '@uxd-ui/components/Popup';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { ChevronDown, ChevronRight } from 'lucide-vue-next';\nimport warn from '../../utils/warn';\nimport useGetTriggerProps from './hooks/useGetTriggerProps';\nimport { isFunction } from '../../utils/isValid';\nimport CollapseTransition from '../base/CollapseTransition';\nimport { subMenuProps, subMenuEmits, type MenuEvent, type MenuStore, type MenuOpenEvent, type ParentMenu } from './Menu.type';\nimport type { GetPopupContainer } from '../Popup/Popup.type';\n\nlet guid = -1;\n\nexport default defineComponent({\n  name: 'USubMenu',\n  components: {\n    Popup,\n    UIcon,\n    ChevronDown,\n    ChevronRight,\n    CollapseTransition\n  },\n  props: subMenuProps,\n  emits: subMenuEmits,\n  setup(props, { emit }) {\n    const parentMenu = inject<ParentMenu>('parentMenu', {} as ParentMenu);\n    const {\n      openKeys,\n      mode: menuMode,\n      subMenuOpenDelay,\n      subMenuCloseDelay,\n      rootPrefixCls,\n      updateKeyPath\n      // inlineIndent\n    } = inject<MenuStore>('menuStore', {} as MenuStore);\n    const childrenSelected: Record<string, boolean> = reactive({});\n\n    if (menuMode === undefined) {\n      warn('cannot find menu parent Component ,OR! the menu mode is error');\n    }\n    const { fireMenuOpenChange } = inject<MenuEvent>('menuEvent', {} as MenuEvent);\n    const prefixCls = computed(() => `${rootPrefixCls.value}-submenu`);\n    guid += 1;\n    const menuId = computed(() => (props.name ? `${props.name}$Menu` : `${guid}$Menu`));\n\n    const level = parentMenu.isRootMenu ? 1 : (parentMenu.level || 0) + 1;\n\n    // #region computed\n    const mode = computed(() => {\n      return (parentMenu.subMode || menuMode).value;\n    });\n    const subMode = computed(() => {\n      if (parentMenu.subMode) {\n        // fix useGetTriggerProps\n        return parentMenu.subMode.value;\n      }\n      return mode.value === 'horizontal' ? 'vertical' : mode.value;\n    });\n\n    const subMenuStyle = computed(() => {\n      return `--menu-level: ${level};`;\n    });\n\n    const eventKey = computed(() => {\n      if (props.name) {\n        return props.name;\n      }\n      return menuId.value;\n    });\n\n    const isOpen = computed(() => {\n      return openKeys.value.includes(eventKey.value);\n    });\n\n    const isClickOpen = computed(() => {\n      return mode.value === 'inline';\n    });\n    const titleStyle = computed(() => {\n      if (mode.value === 'inline') {\n        return {\n          // paddingLeft: `${inlineIndent.value * level}px`\n        };\n      }\n      return {};\n    });\n    const isSelected = computed(() => {\n      const selected = Object.keys(childrenSelected).some((key) => childrenSelected[key]);\n      if (parentMenu.setSubMenuSelected) {\n        parentMenu.setSubMenuSelected(eventKey.value, selected);\n      }\n      return selected;\n    });\n    // #endregion\n    const { popupPlacement, popupOffset, trigger } = useGetTriggerProps(mode);\n\n    // #region methods\n    const setSubMenuSelected = (key: string | number, value: boolean) => {\n      childrenSelected[`${key}`] = value;\n    };\n\n    const getPopupContainer: GetPopupContainer = parentMenu.isRootMenu\n      ? () => parentMenu.getPopupContainer()\n      : (node?: HTMLElement) => {\n          return (node?.parentNode as HTMLElement) || undefined;\n        };\n\n    const triggerOpenChange = (open: boolean, type: string) => {\n      const _event = {\n        key: eventKey.value,\n        trigger: type,\n        item: {},\n        open\n      } as MenuOpenEvent;\n      fireMenuOpenChange && isFunction(fireMenuOpenChange) && fireMenuOpenChange(_event);\n    };\n\n    const onTitleClick = () => {\n      const _event = {\n        key: eventKey.value\n      };\n      emit('title-click', _event);\n      if (isClickOpen.value) {\n        triggerOpenChange(!isOpen.value, 'click');\n      }\n    };\n\n    const onPopupVisibleChange = (visible: boolean) => {\n      triggerOpenChange(visible, trigger.value[0]);\n    };\n\n    const fireSubmenuClick = () => {\n      const key = eventKey.value;\n      updateKeyPath && isFunction(updateKeyPath) && updateKeyPath(key, 'sub');\n      if (parentMenu.fireSubmenuClick && isFunction(parentMenu.fireSubmenuClick)) {\n        parentMenu.fireSubmenuClick();\n      }\n    };\n    // #endregion\n\n    provide('parentMenu', {\n      isRootMenu: false,\n      isSubMenu: true,\n      fireSubmenuClick,\n      setSubMenuSelected,\n      level,\n      subMode\n    });\n\n    return {\n      prefixCls,\n      rootPrefixCls,\n      titleStyle,\n      mode,\n      subMode,\n      isOpen,\n      isSelected,\n      menuId,\n      popupPlacement,\n      popupOffset,\n      trigger,\n      subMenuOpenDelay,\n      subMenuCloseDelay,\n      subMenuStyle,\n      getPopupContainer,\n      onTitleClick,\n      onPopupVisibleChange\n    };\n  }\n});\n</script>\n"],"names":["useGetTriggerProps","_createElementBlock","_normalizeClass","_Fragment","_createElementVNode","_normalizeStyle","_renderSlot","_createVNode","_createCommentVNode","_createBlock","_withCtx"],"mappings":"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"}

package/es/components/Menu/SubMenu.vue.d.ts

@@ -24,7 +24,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     titleStyle: import("vue").ComputedRef<{}>;
     mode: import("vue").ComputedRef<"inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right">;
     subMode: import("vue").ComputedRef<"inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right">;
-    theme: import("vue").Ref<"light" | "dark", "light" | "dark">;
     isOpen: import("vue").ComputedRef<boolean>;
     isSelected: import("vue").ComputedRef<boolean>;
     menuId: import("vue").ComputedRef<string>;

package/es/components/Menu/index.d.ts

@@ -9,11 +9,6 @@ export declare const UMenu: {
             default: string;
             validator: (val: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right") => boolean;
         };
-        theme: {
-            type: import("vue").PropType<"light" | "dark">;
-            default: string;
-            validator: (val: "light" | "dark") => boolean;
-        };
         selectedKeys: {
             type: import("vue").PropType<(string | number)[]>;
             validator: (val: any[]) => boolean;
@@ -71,7 +66,6 @@ export declare const UMenu: {
     }, import("vue").PublicProps, {
         mode: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right";
         multiple: boolean;
-        theme: "light" | "dark";
         openKeys: (string | number)[];
         subMenuOpenDelay: number;
         subMenuCloseDelay: number;
@@ -99,11 +93,6 @@ export declare const UMenu: {
             default: string;
             validator: (val: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right") => boolean;
         };
-        theme: {
-            type: import("vue").PropType<"light" | "dark">;
-            default: string;
-            validator: (val: "light" | "dark") => boolean;
-        };
         selectedKeys: {
             type: import("vue").PropType<(string | number)[]>;
             validator: (val: any[]) => boolean;
@@ -154,7 +143,6 @@ export declare const UMenu: {
     }, {}, {}, {}, {
         mode: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right";
         multiple: boolean;
-        theme: "light" | "dark";
         openKeys: (string | number)[];
         subMenuOpenDelay: number;
         subMenuCloseDelay: number;
@@ -170,11 +158,6 @@ export declare const UMenu: {
         default: string;
         validator: (val: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right") => boolean;
     };
-    theme: {
-        type: import("vue").PropType<"light" | "dark">;
-        default: string;
-        validator: (val: "light" | "dark") => boolean;
-    };
     selectedKeys: {
         type: import("vue").PropType<(string | number)[]>;
         validator: (val: any[]) => boolean;
@@ -232,7 +215,6 @@ export declare const UMenu: {
 }, string, {
     mode: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right";
     multiple: boolean;
-    theme: "light" | "dark";
     openKeys: (string | number)[];
     subMenuOpenDelay: number;
     subMenuCloseDelay: number;
@@ -1025,7 +1007,6 @@ export declare const UMenu: {
         titleStyle: import("vue").ComputedRef<{}>;
         mode: import("vue").ComputedRef<"inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right">;
         subMode: import("vue").ComputedRef<"inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right">;
-        theme: import("vue").Ref<"light" | "dark", "light" | "dark">;
         isOpen: import("vue").ComputedRef<boolean>;
         isSelected: import("vue").ComputedRef<boolean>;
         menuId: import("vue").ComputedRef<string>;

package/es/components/Progress/Circle.mjs

@@ -125,9 +125,7 @@ var UCircle = defineComponent({
       const iconSvg = statusIcon.value;
       const defaultTextRender = isStatus.value ? createVNode("span", {
         "class": `${prefixCls.value}-text-inner`
-      }, [createVNode(UIcon, {
-        "style": "font-size: 24px"
-      }, {
+      }, [createVNode(UIcon, null, {
         default: () => [createVNode(iconSvg, null, null)]
       })]) : createVNode("span", {
         "class": `${prefixCls.value}-text-inner`

package/es/components/Progress/Circle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Circle.mjs","sources":["../../../../src/components/Progress/Circle.tsx"],"sourcesContent":["import { defineComponent, watch, onMounted } from 'vue';\nimport type { PropType } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { oneOf } from '../../utils/propsValidators';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport URender from '../base/Render';\nimport useProgress from './hooks/useProgress';\nimport { progressEmits, progressStatus, type ProgressStauts } from './Progress.type';\nimport { getSlot } from '../../utils/slots';\n\nconst defineProps = {\n  percent: {\n    type: Number,\n    default: 0\n  },\n  successPercent: {\n    type: Number,\n    default: 0\n  },\n  status: {\n    type: String as PropType<ProgressStauts>,\n    default: 'normal',\n    validator: oneOf(progressStatus)\n  },\n  hideInfo: {\n    type: Boolean,\n    default: false\n  },\n  strokeWidth: {\n    type: Number,\n    default: 6\n  },\n  strokeColor: {\n    type: [String, Array] as PropType<string | string[]>\n  },\n  textInside: {\n    type: Boolean,\n    default: false\n  }\n};\n\nexport default defineComponent({\n  name: 'UCircle',\n  components: {\n    URender,\n    UIcon\n  },\n  props: defineProps,\n  emits: progressEmits,\n  setup(props, { emit, slots }) {\n    const { prefixCls } = useGlobalConfig('progress');\n    // data\n    const patchColor = '#F3F3F3';\n    const statusColorMap: Record<ProgressStauts, string> = {\n      normal: '#4d9bee',\n      active: '#4d9bee',\n      wrong: '#ed3f14',\n      success: '#19be6b'\n    };\n    const radius = Math.ceil(44 - props.strokeWidth / 2);\n    const len = Math.ceil(Math.PI * 2 * radius);\n\n    const { currentStatus, isStatus, statusIcon, handleStatus } = useProgress(props, { emit });\n    // computed\n\n    // watch\n    watch(\n      () => props.percent,\n      (nv, ov) => {\n        if (nv < ov) {\n          handleStatus(true);\n        } else {\n          handleStatus();\n        }\n      }\n    );\n    watch(\n      () => props.status,\n      (nv) => {\n        currentStatus.value = nv;\n      }\n    );\n    // lifecycle\n    onMounted(() => {\n      handleStatus();\n    });\n    // methods\n    const circleStyle = {\n      cx: '50%',\n      cy: '50%',\n      r: '40',\n      transform: 'rotate(-90 50 50)',\n      'stroke-width': props.strokeWidth,\n      'stroke-linecap': props.percent === 0 ? 'butt' : 'round'\n    };\n\n    return () => {\n      const { strokeColor, successPercent, percent } = props;\n\n      const gradientRender =\n        strokeColor !== undefined ? (\n          <defs>\n            <linearGradient id=\"svg-gradient\" gradientUnits=\"userSpaceOnUse\" x1=\"100%\" y1=\"100%\" x2=\"0\" y2=\"0\">\n              <stop offset=\"0%\" stop-color={Array.isArray(props.strokeColor) ? props.strokeColor[0] : props.strokeColor} />\n              <stop offset=\"100%\" stop-color={Array.isArray(props.strokeColor) ? props.strokeColor[1] : props.strokeColor} />\n            </linearGradient>\n          </defs>\n        ) : null;\n\n      const pathRender = <circle {...circleStyle} stroke={patchColor}></circle>;\n      const percentRender = (\n        <circle\n          {...circleStyle}\n          stroke={!props.strokeColor || isStatus.value ? statusColorMap[currentStatus.value] : 'url(#svg-gradient)'}\n          stroke-dasharray={`${Math.ceil((props.percent / 100) * len)}, ${len}`}\n          stroke-linecap={Math.ceil(props.percent / 100) ? 'round' : 'butt'}\n        ></circle>\n      );\n\n      const successPercentRender = successPercent ? (\n        <circle\n          {...circleStyle}\n          stroke={statusColorMap.success}\n          stroke-dasharray={`${Math.ceil((props.successPercent / 100) * len)}, ${len}`}\n        ></circle>\n      ) : null;\n\n      const iconSvg = statusIcon.value;\n\n      const defaultTextRender = isStatus.value ? (\n        <span class={`${prefixCls.value}-text-inner`}>\n          <UIcon style=\"font-size: 24px\">\n            <iconSvg></iconSvg>\n          </UIcon>\n        </span>\n      ) : (\n        <span class={`${prefixCls.value}-text-inner`}>{percent}%</span>\n      );\n\n      return (\n        <div class={[`${prefixCls.value}`, `${prefixCls.value}-circle`, `${prefixCls.value}-${currentStatus.value}`]}>\n          <div class={`${prefixCls.value}-inner`}>\n            <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"100%\" width=\"100%\" viewBox=\"0 0 100 100\">\n              {gradientRender}\n              {pathRender}\n              {percentRender}\n              {successPercentRender}\n            </svg>\n            <div class={`${prefixCls.value}-text`}>{getSlot(slots).length ? getSlot(slots) : defaultTextRender}</div>\n          </div>\n        </div>\n      );\n    };\n  }\n});\n"],"names":["defineProps","percent","type","Number","default","successPercent","status","String","validator","oneOf","progressStatus","hideInfo","Boolean","strokeWidth","strokeColor","Array","textInside","defineComponent","name","components","URender","UIcon","props","emits","progressEmits","setup","emit","slots","prefixCls","useGlobalConfig","patchColor","statusColorMap","normal","active","wrong","success","radius","Math","ceil","len","PI","currentStatus","isStatus","statusIcon","handleStatus","useProgress","watch","nv","ov","value","onMounted","circleStyle","cx","cy","r","transform","gradientRender","undefined","_createVNode","isArray","pathRender","_mergeProps","percentRender","successPercentRender","iconSvg","defaultTextRender","_createTextVNode","getSlot","length"],"mappings":"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"}
+{"version":3,"file":"Circle.mjs","sources":["../../../../src/components/Progress/Circle.tsx"],"sourcesContent":["import { defineComponent, watch, onMounted } from 'vue';\nimport type { PropType } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { oneOf } from '../../utils/propsValidators';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport URender from '../base/Render';\nimport useProgress from './hooks/useProgress';\nimport { progressEmits, progressStatus, type ProgressStauts } from './Progress.type';\nimport { getSlot } from '../../utils/slots';\n\nconst defineProps = {\n  percent: {\n    type: Number,\n    default: 0\n  },\n  successPercent: {\n    type: Number,\n    default: 0\n  },\n  status: {\n    type: String as PropType<ProgressStauts>,\n    default: 'normal',\n    validator: oneOf(progressStatus)\n  },\n  hideInfo: {\n    type: Boolean,\n    default: false\n  },\n  strokeWidth: {\n    type: Number,\n    default: 6\n  },\n  strokeColor: {\n    type: [String, Array] as PropType<string | string[]>\n  },\n  textInside: {\n    type: Boolean,\n    default: false\n  }\n};\n\nexport default defineComponent({\n  name: 'UCircle',\n  components: {\n    URender,\n    UIcon\n  },\n  props: defineProps,\n  emits: progressEmits,\n  setup(props, { emit, slots }) {\n    const { prefixCls } = useGlobalConfig('progress');\n    // data\n    const patchColor = '#F3F3F3';\n    const statusColorMap: Record<ProgressStauts, string> = {\n      normal: '#4d9bee',\n      active: '#4d9bee',\n      wrong: '#ed3f14',\n      success: '#19be6b'\n    };\n    const radius = Math.ceil(44 - props.strokeWidth / 2);\n    const len = Math.ceil(Math.PI * 2 * radius);\n\n    const { currentStatus, isStatus, statusIcon, handleStatus } = useProgress(props, { emit });\n    // computed\n\n    // watch\n    watch(\n      () => props.percent,\n      (nv, ov) => {\n        if (nv < ov) {\n          handleStatus(true);\n        } else {\n          handleStatus();\n        }\n      }\n    );\n    watch(\n      () => props.status,\n      (nv) => {\n        currentStatus.value = nv;\n      }\n    );\n    // lifecycle\n    onMounted(() => {\n      handleStatus();\n    });\n    // methods\n    const circleStyle = {\n      cx: '50%',\n      cy: '50%',\n      r: '40',\n      transform: 'rotate(-90 50 50)',\n      'stroke-width': props.strokeWidth,\n      'stroke-linecap': props.percent === 0 ? ('butt' as const) : ('round' as const)\n    };\n\n    return () => {\n      const { strokeColor, successPercent, percent } = props;\n\n      const gradientRender =\n        strokeColor !== undefined ? (\n          <defs>\n            <linearGradient id=\"svg-gradient\" gradientUnits=\"userSpaceOnUse\" x1=\"100%\" y1=\"100%\" x2=\"0\" y2=\"0\">\n              <stop offset=\"0%\" stop-color={Array.isArray(props.strokeColor) ? props.strokeColor[0] : props.strokeColor} />\n              <stop offset=\"100%\" stop-color={Array.isArray(props.strokeColor) ? props.strokeColor[1] : props.strokeColor} />\n            </linearGradient>\n          </defs>\n        ) : null;\n\n      const pathRender = <circle {...circleStyle} stroke={patchColor}></circle>;\n      const percentRender = (\n        <circle\n          {...circleStyle}\n          stroke={!props.strokeColor || isStatus.value ? statusColorMap[currentStatus.value] : 'url(#svg-gradient)'}\n          stroke-dasharray={`${Math.ceil((props.percent / 100) * len)}, ${len}`}\n          stroke-linecap={Math.ceil(props.percent / 100) ? 'round' : 'butt'}\n        ></circle>\n      );\n\n      const successPercentRender = successPercent ? (\n        <circle\n          {...circleStyle}\n          stroke={statusColorMap.success}\n          stroke-dasharray={`${Math.ceil((props.successPercent / 100) * len)}, ${len}`}\n        ></circle>\n      ) : null;\n\n      const iconSvg = statusIcon.value;\n\n      const defaultTextRender = isStatus.value ? (\n        <span class={`${prefixCls.value}-text-inner`}>\n          <UIcon>\n            <iconSvg></iconSvg>\n          </UIcon>\n        </span>\n      ) : (\n        <span class={`${prefixCls.value}-text-inner`}>{percent}%</span>\n      );\n\n      return (\n        <div class={[`${prefixCls.value}`, `${prefixCls.value}-circle`, `${prefixCls.value}-${currentStatus.value}`]}>\n          <div class={`${prefixCls.value}-inner`}>\n            <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"100%\" width=\"100%\" viewBox=\"0 0 100 100\">\n              {gradientRender}\n              {pathRender}\n              {percentRender}\n              {successPercentRender}\n            </svg>\n            <div class={`${prefixCls.value}-text`}>{getSlot(slots).length ? getSlot(slots) : defaultTextRender}</div>\n          </div>\n        </div>\n      );\n    };\n  }\n});\n"],"names":["defineProps","percent","type","Number","default","successPercent","status","String","validator","oneOf","progressStatus","hideInfo","Boolean","strokeWidth","strokeColor","Array","textInside","defineComponent","name","components","URender","UIcon","props","emits","progressEmits","setup","emit","slots","prefixCls","useGlobalConfig","patchColor","statusColorMap","normal","active","wrong","success","radius","Math","ceil","len","PI","currentStatus","isStatus","statusIcon","handleStatus","useProgress","watch","nv","ov","value","onMounted","circleStyle","cx","cy","r","transform","gradientRender","undefined","_createVNode","isArray","pathRender","_mergeProps","percentRender","successPercentRender","iconSvg","defaultTextRender","_createTextVNode","getSlot","length"],"mappings":"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"}

package/es/components/Progress/Progress.mjs

@@ -44,14 +44,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     "stroke-width": _ctx.strokeWidth,
     "stroke-color": _ctx.strokeColor,
     vertical: _ctx.vertical,
-    "text-inside": _ctx.textInside,
-    "data-color": _ctx.color
+    "text-inside": _ctx.textInside
   }, {
     default: withCtx(() => [
       renderSlot(_ctx.$slots, "default")
     ]),
     _: 3
-  }, 8, ["percent", "success-percent", "status", "hide-info", "stroke-width", "stroke-color", "vertical", "text-inside", "data-color"]);
+  }, 8, ["percent", "success-percent", "status", "hide-info", "stroke-width", "stroke-color", "vertical", "text-inside"]);
 }
 var Progress = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Progress/Progress.vue"]]);
 

package/es/components/Progress/Progress.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.mjs","sources":["../../../../src/components/Progress/Progress.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"wrapperComponent\"\n    :percent=\"percent\"\n    :success-percent=\"successPercent\"\n    :status=\"status\"\n    :hide-info=\"hideInfo\"\n    :stroke-width=\"strokeWidth\"\n    :stroke-color=\"strokeColor\"\n    :vertical=\"vertical\"\n    :text-inside=\"textInside\"\n    :data-color=\"color\"\n  >\n    <slot />\n  </component>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue';\nimport ULine from './Line.vue';\nimport UCircle from './Circle';\nimport UWater from './Water.vue';\n\nimport { progressProps } from './Progress.type';\n\nexport default defineComponent({\n  name: 'UProgress',\n  components: {\n    ULine,\n    UCircle,\n    UWater\n  },\n  props: progressProps,\n  setup(props) {\n    const wrapperComponent = computed(() => {\n      const { type } = props;\n      let wrapComponent = '';\n      switch (type) {\n        case 'circle':\n          wrapComponent = 'u-circle';\n          break;\n        case 'water':\n          wrapComponent = 'u-water';\n          break;\n        default:\n          wrapComponent = 'u-line';\n      }\n      return wrapComponent;\n    });\n    return {\n      props,\n      wrapperComponent\n    };\n  }\n});\n</script>\n"],"names":["_createBlock","_resolveDynamicComponent","_renderSlot"],"mappings":";;;;;;;AAyBA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA;AACF,EACA,OAAO;AAAA,EACP,MAAM,OAAO;UACL,mBAAmB,SAAS,MAAM;YAChC,EAAE,SAAS;UACb,gBAAgB;cACZ;AAAA,aACD;0BACa;;aAEb;0BACa;;;0BAGA;AAAA;aAEb;AAAA,KACR;WACM;AAAA,MACL;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;sBArDCA,YAaYC,wBAZL,qBAAgB;IACpB,SAAS;IACT,mBAAiB;IACjB,QAAQ;IACR,aAAW;IACX,gBAAc;IACd,gBAAc;IACd,UAAU;IACV,eAAa;IACb,cAAY;;qBAEb,MAAQ;AAAA,MAARC,WAAQ;;;;;;;;;"}
+{"version":3,"file":"Progress.mjs","sources":["../../../../src/components/Progress/Progress.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"wrapperComponent\"\n    :percent=\"percent\"\n    :success-percent=\"successPercent\"\n    :status=\"status\"\n    :hide-info=\"hideInfo\"\n    :stroke-width=\"strokeWidth\"\n    :stroke-color=\"strokeColor\"\n    :vertical=\"vertical\"\n    :text-inside=\"textInside\"\n  >\n    <slot />\n  </component>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue';\nimport ULine from './Line.vue';\nimport UCircle from './Circle';\nimport UWater from './Water.vue';\n\nimport { progressProps } from './Progress.type';\n\nexport default defineComponent({\n  name: 'UProgress',\n  components: {\n    ULine,\n    UCircle,\n    UWater\n  },\n  props: progressProps,\n  setup(props) {\n    const wrapperComponent = computed(() => {\n      const { type } = props;\n      let wrapComponent = '';\n      switch (type) {\n        case 'circle':\n          wrapComponent = 'u-circle';\n          break;\n        case 'water':\n          wrapComponent = 'u-water';\n          break;\n        default:\n          wrapComponent = 'u-line';\n      }\n      return wrapComponent;\n    });\n    return {\n      props,\n      wrapperComponent\n    };\n  }\n});\n</script>\n"],"names":["_createBlock","_resolveDynamicComponent","_renderSlot"],"mappings":";;;;;;;AAwBA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA;AACF,EACA,OAAO;AAAA,EACP,MAAM,OAAO;UACL,mBAAmB,SAAS,MAAM;YAChC,EAAE,SAAS;UACb,gBAAgB;cACZ;AAAA,aACD;0BACa;;aAEb;0BACa;;;0BAGA;AAAA;aAEb;AAAA,KACR;WACM;AAAA,MACL;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;sBApDCA,YAYYC,wBAXL,qBAAgB;IACpB,SAAS;IACT,mBAAiB;IACjB,QAAQ;IACR,aAAW;IACX,gBAAc;IACd,gBAAc;IACd,UAAU;IACV,eAAa;;qBAEd,MAAQ;AAAA,MAARC,WAAQ;;;;;;;;;"}

package/es/components/Progress/Progress.type.d.ts

@@ -1,5 +1,5 @@
 import type { ExtractPropTypes, PropType } from 'vue';
-import { type EmitFn } from '../../utils/globalType';
+import type { EmitFn } from '../../utils/globalType';
 import type Progress from './Progress.vue';
 export declare const progressStatus: readonly ["normal", "active", "wrong", "success"];
 export declare type ProgressStauts = (typeof progressStatus)[number];
@@ -43,11 +43,6 @@ export declare const progressProps: {
         default: string;
         validator: (val: "circle" | "line" | "water") => boolean;
     };
-    color: {
-        type: PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-    };
 };
 export declare type ProgressProps = ExtractPropTypes<typeof progressProps>;
 export declare const progressEmits: {

package/es/components/Progress/Progress.type.mjs

@@ -1,4 +1,3 @@
-import { colorType } from '../../utils/globalType.mjs';
 import { oneOf } from '../../utils/propsValidators.mjs';
 
 const progressStatus = ["normal", "active", "wrong", "success"];
@@ -40,11 +39,6 @@ const progressProps = {
     type: String,
     default: "line",
     validator: oneOf(progressType)
-  },
-  color: {
-    type: String,
-    default: void 0,
-    validator: oneOf(colorType)
   }
 };
 const progressEmits = {

package/es/components/Progress/Progress.type.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.type.mjs","sources":["../../../../src/components/Progress/Progress.type.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue';\nimport { colorType, type ColorType, type EmitFn } from '../../utils/globalType';\nimport { oneOf } from '../../utils/propsValidators';\nimport type Progress from './Progress.vue';\n\nexport const progressStatus = ['normal', 'active', 'wrong', 'success'] as const;\nexport type ProgressStauts = (typeof progressStatus)[number];\nexport const progressType = ['line', 'circle', 'water'] as const;\nexport type ProgressType = (typeof progressType)[number];\n\nexport const progressProps = {\n  percent: {\n    type: Number,\n    default: 0\n  },\n  successPercent: {\n    type: Number,\n    default: 0\n  },\n  status: {\n    type: String as PropType<ProgressStauts>,\n    default: 'normal',\n    validator: oneOf(progressStatus)\n  },\n  hideInfo: {\n    type: Boolean,\n    default: false\n  },\n  strokeWidth: {\n    type: Number,\n    default: 8\n  },\n  strokeColor: {\n    type: [String, Array] as PropType<string | string[]>\n  },\n  vertical: {\n    type: Boolean,\n    default: false\n  },\n  textInside: {\n    type: Boolean,\n    default: false\n  },\n  type: {\n    type: String as PropType<ProgressType>,\n    default: 'line',\n    validator: oneOf(progressType)\n  },\n  color: {\n    type: String as PropType<ColorType | undefined>,\n    default: undefined as undefined | ColorType,\n    validator: oneOf(colorType)\n  }\n};\n\nexport type ProgressProps = ExtractPropTypes<typeof progressProps>;\n\nexport const progressEmits = {\n  'status-change': (status: ProgressStauts) => progressStatus.includes(status)\n};\n\nexport type ProgressEmits = typeof progressEmits;\n\nexport type ProgressEmit = EmitFn<ProgressEmits>;\n\nexport type ProgressInstanceType = InstanceType<typeof Progress>;\n"],"names":[],"mappings":";;;MAKa,iBAAiB,CAAC,UAAU,UAAU,SAAS,SAAS;MAExD,eAAe,CAAC,QAAQ,UAAU,OAAO;MAGzC,gBAAgB;AAAA,EAC3B,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,cAAc;AAAA;AACjC,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,aAAa;AAAA,IACX,MAAM,CAAC,QAAQ,KAAK;AAAA;AACtB,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,YAAY;AAAA;AAC/B,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,SAAS;AAAA;AAE9B;MAIa,gBAAgB;AAAA,EAC3B,iBAAiB,CAAC,WAA2B,eAAe,SAAS,MAAM;AAC7E;;;;"}
+{"version":3,"file":"Progress.type.mjs","sources":["../../../../src/components/Progress/Progress.type.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue';\nimport type { EmitFn } from '../../utils/globalType';\nimport { oneOf } from '../../utils/propsValidators';\nimport type Progress from './Progress.vue';\n\nexport const progressStatus = ['normal', 'active', 'wrong', 'success'] as const;\nexport type ProgressStauts = (typeof progressStatus)[number];\nexport const progressType = ['line', 'circle', 'water'] as const;\nexport type ProgressType = (typeof progressType)[number];\n\nexport const progressProps = {\n  percent: {\n    type: Number,\n    default: 0\n  },\n  successPercent: {\n    type: Number,\n    default: 0\n  },\n  status: {\n    type: String as PropType<ProgressStauts>,\n    default: 'normal',\n    validator: oneOf(progressStatus)\n  },\n  hideInfo: {\n    type: Boolean,\n    default: false\n  },\n  strokeWidth: {\n    type: Number,\n    default: 8\n  },\n  strokeColor: {\n    type: [String, Array] as PropType<string | string[]>\n  },\n  vertical: {\n    type: Boolean,\n    default: false\n  },\n  textInside: {\n    type: Boolean,\n    default: false\n  },\n  type: {\n    type: String as PropType<ProgressType>,\n    default: 'line',\n    validator: oneOf(progressType)\n  }\n};\n\nexport type ProgressProps = ExtractPropTypes<typeof progressProps>;\n\nexport const progressEmits = {\n  'status-change': (status: ProgressStauts) => progressStatus.includes(status)\n};\n\nexport type ProgressEmits = typeof progressEmits;\n\nexport type ProgressEmit = EmitFn<ProgressEmits>;\n\nexport type ProgressInstanceType = InstanceType<typeof Progress>;\n"],"names":[],"mappings":";;MAKa,iBAAiB,CAAC,UAAU,UAAU,SAAS,SAAS;MAExD,eAAe,CAAC,QAAQ,UAAU,OAAO;MAGzC,gBAAgB;AAAA,EAC3B,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,cAAc;AAAA;AACjC,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,aAAa;AAAA,IACX,MAAM,CAAC,QAAQ,KAAK;AAAA;AACtB,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,YAAY;AAAA;AAEjC;MAIa,gBAAgB;AAAA,EAC3B,iBAAiB,CAAC,WAA2B,eAAe,SAAS,MAAM;AAC7E;;;;"}

package/es/components/Progress/Progress.vue.d.ts

@@ -36,11 +36,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         validator: (val: "circle" | "line" | "water") => boolean;
     };
-    color: {
-        type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-    };
 }>, {
     props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         percent: {
@@ -80,11 +75,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: string;
             validator: (val: "circle" | "line" | "water") => boolean;
         };
-        color: {
-            type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-            default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-            validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-        };
     }>> & Readonly<{}> & {}>;
     wrapperComponent: import("vue").ComputedRef<string>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -125,13 +115,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         validator: (val: "circle" | "line" | "water") => boolean;
     };
-    color: {
-        type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-    };
 }>> & Readonly<{}>, {
-    color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
     percent: number;
     status: "success" | "normal" | "active" | "wrong";
     type: "circle" | "line" | "water";

package/es/components/Progress/index.d.ts

@@ -37,11 +37,6 @@ export declare const UProgress: {
             default: string;
             validator: (val: "circle" | "line" | "water") => boolean;
         };
-        color: {
-            type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-            default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-            validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-        };
     }>> & Readonly<{}>, {
         props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             percent: {
@@ -81,15 +76,9 @@ export declare const UProgress: {
                 default: string;
                 validator: (val: "circle" | "line" | "water") => boolean;
             };
-            color: {
-                type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-                validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-            };
         }>> & Readonly<{}> & {}>;
         wrapperComponent: import("vue").ComputedRef<string>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
         percent: number;
         status: "success" | "normal" | "active" | "wrong";
         type: "circle" | "line" | "water";
@@ -652,11 +641,6 @@ export declare const UProgress: {
             default: string;
             validator: (val: "circle" | "line" | "water") => boolean;
         };
-        color: {
-            type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-            default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-            validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-        };
     }>> & Readonly<{}>, {
         props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             percent: {
@@ -696,15 +680,9 @@ export declare const UProgress: {
                 default: string;
                 validator: (val: "circle" | "line" | "water") => boolean;
             };
-            color: {
-                type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-                validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-            };
         }>> & Readonly<{}> & {}>;
         wrapperComponent: import("vue").ComputedRef<string>;
     }, {}, {}, {}, {
-        color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
         percent: number;
         status: "success" | "normal" | "active" | "wrong";
         type: "circle" | "line" | "water";
@@ -755,11 +733,6 @@ export declare const UProgress: {
         default: string;
         validator: (val: "circle" | "line" | "water") => boolean;
     };
-    color: {
-        type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-    };
 }>> & Readonly<{}>, {
     props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         percent: {
@@ -799,15 +772,9 @@ export declare const UProgress: {
             default: string;
             validator: (val: "circle" | "line" | "water") => boolean;
         };
-        color: {
-            type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-            default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-            validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-        };
     }>> & Readonly<{}> & {}>;
     wrapperComponent: import("vue").ComputedRef<string>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
     percent: number;
     status: "success" | "normal" | "active" | "wrong";
     type: "circle" | "line" | "water";

package/es/components/Select/RefSelect.vue.d.ts

@@ -3737,6 +3737,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>> & Readonly<{
             onChange?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => any;
+            onClick?: (ev: Event) => any;
             "onUpdate:modelValue"?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => any;
         }>, {
             prefixCls: import("vue").ComputedRef<string>;
@@ -3753,6 +3754,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:modelValue': (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => boolean;
             change: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => boolean;
+            click: (ev: Event) => boolean;
         }, import("vue").PublicProps, {
             name: string;
             disabled: boolean;
@@ -3933,6 +3935,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>> & Readonly<{
             onChange?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => any;
+            onClick?: (ev: Event) => any;
             "onUpdate:modelValue"?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => any;
         }>, {
             prefixCls: import("vue").ComputedRef<string>;
@@ -3989,6 +3992,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>> & Readonly<{
         onChange?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => any;
+        onClick?: (ev: Event) => any;
         "onUpdate:modelValue"?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => any;
     }>, {
         prefixCls: import("vue").ComputedRef<string>;
@@ -4005,6 +4009,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:modelValue': (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => boolean;
         change: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => boolean;
+        click: (ev: Event) => boolean;
     }, string, {
         name: string;
         disabled: boolean;
@@ -4431,6 +4436,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 'update:modelValue': (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => boolean;
                 change: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => boolean;
+                click: (ev: Event) => boolean;
             }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 modelValue: {
                     type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
@@ -4462,6 +4468,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>> & Readonly<{
                 onChange?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => any;
+                onClick?: (ev: Event) => any;
                 "onUpdate:modelValue"?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => any;
             }>, {
                 name: string;