@koi-design/uxd-ui 13.2.8 → 14.0.1

package/es/components/Divider/Divider.mjs

@@ -37,7 +37,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("v-if", true)
   ], 2);
 }
-var Divider = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Divider\\Divider.vue"]]);
+var Divider = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Divider/Divider.vue"]]);
 
 export { Divider as default };
 //# sourceMappingURL=Divider.mjs.map

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

@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     type: "vertical" | "horizontal";
     size: "small" | "default";
-    dashed: boolean;
     orientation: "right" | "left" | "center";
+    dashed: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -25,8 +25,8 @@ export declare const UDivider: {
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         type: "vertical" | "horizontal";
         size: "small" | "default";
-        dashed: boolean;
         orientation: "right" | "left" | "center";
+        dashed: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -60,8 +60,8 @@ export declare const UDivider: {
     }, {}, {}, {}, {
         type: "vertical" | "horizontal";
         size: "small" | "default";
-        dashed: boolean;
         orientation: "right" | "left" | "center";
+        dashed: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -92,8 +92,8 @@ export declare const UDivider: {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     type: "vertical" | "horizontal";
     size: "small" | "default";
-    dashed: boolean;
     orientation: "right" | "left" | "center";
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+    dashed: boolean;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
 export default UDivider;
 export * from './Divider.type';

package/es/components/Drawer/Drawer.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, ref, watch, nextTick, provide, inject, computed, onMounted, onBeforeUnmount, onActivated, onDeactivated, createVNode, Fragment, withDirectives, mergeProps, vShow, Teleport, Transition } from 'vue';
-import { URoundClose } from '@koi-design/uxd-icon';
+import { X } from 'lucide-vue-next';
 import { UIcon } from '../Icon/index.mjs';
 import '../Mask/index.mjs';
 import KeyCode from '../../utils/KeyCode.mjs';
@@ -238,7 +238,7 @@ var Drawer = defineComponent({
         }, [createVNode(UIcon, {
           "class": `${prefixCls.value}-close-icon`
         }, {
-          default: () => [createVNode(URoundClose, null, null)]
+          default: () => [createVNode(X, null, null)]
         })])]), createVNode("div", {
           "class": `${prefixCls.value}-body`,
           "style": {

package/es/components/Drawer/Drawer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.mjs","sources":["../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import {\n  defineComponent,\n  watch,\n  computed,\n  ref,\n  provide,\n  inject,\n  // onMounted,\n  onBeforeUnmount,\n  onActivated,\n  onDeactivated,\n  nextTick,\n  Teleport,\n  Transition,\n  onMounted\n} from 'vue';\nimport type { CSSProperties } from 'vue';\nimport { URoundClose } from '@koi-design/uxd-icon';\nimport UIcon from '@uxd-ui/components/Icon';\nimport Mask from '../Mask';\nimport KeyCode from '../../utils/KeyCode';\nimport { useGlobalConfig, useLazyRender, useShouldRender } from '../base/hooks';\nimport { setBodyStyle, isValid } from '../../utils';\nimport { drawerProps, drawerEmits, type ChangeTranslateFunction, type DrawerCloseType } from './Drawer.type';\n\nlet visibleCount = 0;\nconst drawerGlobalZIndex = 1000;\n\nexport default defineComponent({\n  name: 'UDrawer',\n  inheritAttrs: false,\n  props: drawerProps,\n  emits: drawerEmits,\n  setup(props, { emit, attrs, slots }) {\n    let openStatus = false;\n    let shouldReopen = false;\n    const { prefixCls } = useGlobalConfig('drawer');\n    const selfVisible = ref(props.visible);\n    const zIndex = ref<number>(drawerGlobalZIndex);\n    const animationEnd = ref(false);\n    const isMounted = ref(false);\n\n    const wrapRef = ref<HTMLElement | null>(null);\n    const headerRef = ref<HTMLElement | null>(null);\n    const footerRef = ref<HTMLElement | null>(null);\n\n    const lazyRender = useLazyRender(() => props.visible || !props.lazyRender);\n\n    const open = () => {\n      if (!openStatus) {\n        if (props.zIndex !== undefined) {\n          zIndex.value = +props.zIndex;\n        }\n        openStatus = true;\n        // zIndex.value = ++drawerGlobalZIndex;\n      }\n    };\n\n    watch(\n      () => props.visible,\n      (val) => {\n        selfVisible.value = val;\n        if (val && !openStatus) {\n          open();\n          if (attrs.tabindex === 0) {\n            nextTick(() => {\n              wrapRef.value?.focus();\n            });\n          }\n        }\n        if (!val && openStatus) {\n          openStatus = false;\n        }\n      }\n    );\n\n    const handleClose = (type: DrawerCloseType) => {\n      selfVisible.value = false;\n      openStatus = false;\n      emit('update:visible', false);\n      emit('close', type);\n    };\n\n    /**\n     * @param {*}\n     * @return {*}\n     * @description mask close method\n     */\n    const handleMaskClose = () => {\n      if (props.maskClosable) {\n        handleClose('mask');\n      }\n    };\n\n    /**\n     * In case drawer might has child drawer component,\n     * we need to translate parent drawer to tell them apart\n     */\n    const drawerLevel = ref(1);\n\n    const changeTrans = (val: boolean) => {\n      if (val) {\n        drawerLevel.value += 1;\n      } else if (drawerLevel.value > 1) {\n        drawerLevel.value -= 1;\n      }\n    };\n\n    provide('changeParentTrans', changeTrans);\n\n    const changeParentTrans = inject<ChangeTranslateFunction | null>('changeParentTrans', null);\n\n    const changeBodyOverflow = (val: boolean) => {\n      if (visibleCount > 0 && val) {\n        setBodyStyle(true);\n      } else if (!visibleCount) {\n        setBodyStyle(false);\n      }\n    };\n\n    const bodyHeight = ref<string>('');\n\n    const calcBodyHeight = () => {\n      const headerFooter = Number(headerRef.value?.offsetHeight || 0) + Number(footerRef.value?.offsetHeight || 0);\n      bodyHeight.value = `calc(100% - ${headerFooter}px)`;\n    };\n\n    const observer = new MutationObserver(calcBodyHeight);\n\n    let init = false;\n    watch(\n      selfVisible,\n      (val) => {\n        if (changeParentTrans) {\n          changeParentTrans(val);\n        }\n        if (props.parentDom === 'body') {\n          if (val) {\n            visibleCount += 1;\n          } else if (init) {\n            visibleCount -= 1;\n          }\n          if (init) {\n            changeBodyOverflow(val);\n          }\n        }\n        init = true;\n        if (val) {\n          nextTick(() => {\n            calcBodyHeight();\n            const config = { attributes: true, childList: true, subtree: true };\n            if (wrapRef.value) {\n              observer.observe(wrapRef.value, config);\n            }\n          });\n        } else {\n          observer.disconnect();\n        }\n      },\n      { immediate: true }\n    );\n\n    const toDom = computed(() => {\n      if (!props.parentDom) {\n        return 'body';\n      }\n      if (typeof props.parentDom === 'function') {\n        return props.parentDom() || 'body';\n      }\n      return props.parentDom;\n    });\n\n    const positionStyle = computed(() => {\n      const style: CSSProperties = {};\n      if (toDom.value !== 'body') {\n        style.position = 'absolute';\n      }\n      return style;\n    });\n\n    const wrapStyle = computed(() => {\n      const style: CSSProperties = {\n        zIndex: zIndex.value\n      };\n\n      if (isValid(props.duration)) {\n        style.transitionDuration = `${props.duration}s`;\n      }\n\n      const place = props.placement;\n      let translate = 'none';\n      let widthStyle: number | undefined = props.width;\n      let heightStyle: number | undefined = props.height;\n      if (place === 'left' || place === 'right') {\n        translate = `translate(${place === 'left' ? 180 : -180}px, 0)`;\n        heightStyle = undefined;\n      }\n\n      if (place === 'top' || place === 'bottom') {\n        translate = `translateY(${place === 'top' ? 180 : -180}px)`;\n        widthStyle = undefined;\n      }\n\n      style.width = widthStyle && `${widthStyle}px`;\n      style.height = heightStyle && `${heightStyle}px`;\n      style.transform = drawerLevel.value > 1 ? translate : undefined;\n      style.zIndex = zIndex.value;\n\n      return style;\n    });\n\n    onMounted(() => {\n      isMounted.value = true;\n    });\n\n    onBeforeUnmount(() => {\n      observer.disconnect();\n      if (changeParentTrans && selfVisible.value) {\n        changeParentTrans(false);\n      }\n      if (props.parentDom === 'body') {\n        if (selfVisible.value) {\n          visibleCount = visibleCount > 0 ? visibleCount - 1 : visibleCount;\n          changeBodyOverflow(false);\n        }\n      }\n    });\n\n    onActivated(() => {\n      if (shouldReopen) {\n        emit('update:visible', true);\n        shouldReopen = false;\n      }\n    });\n\n    onDeactivated(() => {\n      observer.disconnect();\n      if (selfVisible.value) {\n        handleClose('close');\n        shouldReopen = true;\n      }\n    });\n\n    /**\n     * @param {event} e\n     * @return {*}\n     * @description handle key down event, to close drawer\n     */\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.keyCode === KeyCode.ESC && props.escClosable) {\n        handleClose('esc');\n      }\n    };\n\n    /**\n     * @param {*}\n     * @return {*}\n     * @description after transition animation end, invoke callback and desdroy wrap\n     */\n    const handleAnimationEnd = () => {\n      // if (wrapRef.value === e.target && e.animationName.match(/^drawerSlide/)) {\n      //   emit('after-visible-change', selfVisible.value);\n      //   animationEnd.value = !selfVisible.value;\n      // }\n      emit('after-visible-change', selfVisible.value);\n      animationEnd.value = !selfVisible.value;\n    };\n\n    const renderMask = () => {\n      if (props.showMask) {\n        return (\n          <Mask\n            show={props.visible}\n            zIndex={zIndex.value - 1}\n            duration={props.duration}\n            customStyle={{ ...props.maskStyle, ...positionStyle.value }}\n            class={props.maskClass}\n            onClick={handleMaskClose}\n          />\n        );\n      }\n    };\n\n    const renderDrawer = lazyRender(() => {\n      const renderConrent = () => (\n        <>\n          <div ref={headerRef} class={`${prefixCls.value}-header`} style={props.headerStyle}>\n            <h2 class={`${prefixCls.value}-header-title`}>{slots.title ? slots.title() : props.title}</h2>\n            {props.closable && (\n              <button class={`${prefixCls.value}-close`} onClick={() => handleClose('close')}>\n                <UIcon class={`${prefixCls.value}-close-icon`}>\n                  <URoundClose />\n                </UIcon>\n              </button>\n            )}\n          </div>\n          <div class={`${prefixCls.value}-body`} style={{ ...props.bodyStyle, height: bodyHeight.value }}>\n            {slots.default?.()}\n          </div>\n          {slots.footer ? (\n            <div ref={footerRef} class={`${prefixCls.value}-footer`} style={props.footerStyle}>\n              {slots.footer()}\n            </div>\n          ) : null}\n        </>\n      );\n\n      return (\n        <div\n          v-show={selfVisible.value}\n          ref={wrapRef}\n          class={[prefixCls.value, props.className, `${prefixCls.value}-${props.placement}`, `${prefixCls.value}-${props.size}`]}\n          style={{ ...wrapStyle.value, ...positionStyle.value }}\n          {...attrs}\n          tabindex={-1}\n          onKeydown={handleKeyDown}\n        >\n          {useShouldRender(props.visible, props.destroyOnClose, animationEnd.value, renderConrent)}\n        </div>\n      );\n    });\n\n    return () =>\n      isMounted.value ? (\n        <Teleport to={toDom.value}>\n          <Transition\n            v-slots={{ default: renderDrawer }}\n            name={props.transition || `drawer-slide-${props.placement}`}\n            appear={props.transitionAppear}\n            onAfterEnter={handleAnimationEnd}\n            onAfterLeave={handleAnimationEnd}\n          />\n          {renderMask()}\n        </Teleport>\n      ) : null;\n  }\n});\n"],"names":["visibleCount","drawerGlobalZIndex","defineComponent","name","inheritAttrs","props","drawerProps","emits","drawerEmits","setup","emit","attrs","slots","openStatus","shouldReopen","prefixCls","useGlobalConfig","selfVisible","ref","visible","zIndex","animationEnd","isMounted","wrapRef","headerRef","footerRef","lazyRender","useLazyRender","open","undefined","value","watch","val","tabindex","nextTick","focus","handleClose","type","handleMaskClose","maskClosable","drawerLevel","changeTrans","provide","changeParentTrans","inject","changeBodyOverflow","setBodyStyle","bodyHeight","calcBodyHeight","headerFooter","Number","offsetHeight","observer","MutationObserver","init","parentDom","config","attributes","childList","subtree","observe","disconnect","immediate","toDom","computed","positionStyle","style","position","wrapStyle","isValid","duration","transitionDuration","place","placement","translate","widthStyle","width","heightStyle","height","transform","onMounted","onBeforeUnmount","onActivated","onDeactivated","handleKeyDown","e","keyCode","KeyCode","ESC","escClosable","handleAnimationEnd","renderMask","showMask","_createVNode","Mask","maskStyle","maskClass","renderDrawer","renderConrent","_Fragment","headerStyle","title","closable","onClick","UIcon","default","URoundClose","bodyStyle","footer","footerStyle","_withDirectives","_mergeProps","className","size","useShouldRender","destroyOnClose","_vShow","Teleport","Transition","transition","transitionAppear"],"mappings":"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"}
+{"version":3,"file":"Drawer.mjs","sources":["../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import {\n  defineComponent,\n  watch,\n  computed,\n  ref,\n  provide,\n  inject,\n  // onMounted,\n  onBeforeUnmount,\n  onActivated,\n  onDeactivated,\n  nextTick,\n  Teleport,\n  Transition,\n  onMounted\n} from 'vue';\nimport type { CSSProperties } from 'vue';\nimport { X } from 'lucide-vue-next';\nimport UIcon from '@uxd-ui/components/Icon';\nimport Mask from '../Mask';\nimport KeyCode from '../../utils/KeyCode';\nimport { useGlobalConfig, useLazyRender, useShouldRender } from '../base/hooks';\nimport { setBodyStyle, isValid } from '../../utils';\nimport { drawerProps, drawerEmits, type ChangeTranslateFunction, type DrawerCloseType } from './Drawer.type';\n\nlet visibleCount = 0;\nconst drawerGlobalZIndex = 1000;\n\nexport default defineComponent({\n  name: 'UDrawer',\n  inheritAttrs: false,\n  props: drawerProps,\n  emits: drawerEmits,\n  setup(props, { emit, attrs, slots }) {\n    let openStatus = false;\n    let shouldReopen = false;\n    const { prefixCls } = useGlobalConfig('drawer');\n    const selfVisible = ref(props.visible);\n    const zIndex = ref<number>(drawerGlobalZIndex);\n    const animationEnd = ref(false);\n    const isMounted = ref(false);\n\n    const wrapRef = ref<HTMLElement | null>(null);\n    const headerRef = ref<HTMLElement | null>(null);\n    const footerRef = ref<HTMLElement | null>(null);\n\n    const lazyRender = useLazyRender(() => props.visible || !props.lazyRender);\n\n    const open = () => {\n      if (!openStatus) {\n        if (props.zIndex !== undefined) {\n          zIndex.value = +props.zIndex;\n        }\n        openStatus = true;\n        // zIndex.value = ++drawerGlobalZIndex;\n      }\n    };\n\n    watch(\n      () => props.visible,\n      (val) => {\n        selfVisible.value = val;\n        if (val && !openStatus) {\n          open();\n          if (attrs.tabindex === 0) {\n            nextTick(() => {\n              wrapRef.value?.focus();\n            });\n          }\n        }\n        if (!val && openStatus) {\n          openStatus = false;\n        }\n      }\n    );\n\n    const handleClose = (type: DrawerCloseType) => {\n      selfVisible.value = false;\n      openStatus = false;\n      emit('update:visible', false);\n      emit('close', type);\n    };\n\n    /**\n     * @param {*}\n     * @return {*}\n     * @description mask close method\n     */\n    const handleMaskClose = () => {\n      if (props.maskClosable) {\n        handleClose('mask');\n      }\n    };\n\n    /**\n     * In case drawer might has child drawer component,\n     * we need to translate parent drawer to tell them apart\n     */\n    const drawerLevel = ref(1);\n\n    const changeTrans = (val: boolean) => {\n      if (val) {\n        drawerLevel.value += 1;\n      } else if (drawerLevel.value > 1) {\n        drawerLevel.value -= 1;\n      }\n    };\n\n    provide('changeParentTrans', changeTrans);\n\n    const changeParentTrans = inject<ChangeTranslateFunction | null>('changeParentTrans', null);\n\n    const changeBodyOverflow = (val: boolean) => {\n      if (visibleCount > 0 && val) {\n        setBodyStyle(true);\n      } else if (!visibleCount) {\n        setBodyStyle(false);\n      }\n    };\n\n    const bodyHeight = ref<string>('');\n\n    const calcBodyHeight = () => {\n      const headerFooter = Number(headerRef.value?.offsetHeight || 0) + Number(footerRef.value?.offsetHeight || 0);\n      bodyHeight.value = `calc(100% - ${headerFooter}px)`;\n    };\n\n    const observer = new MutationObserver(calcBodyHeight);\n\n    let init = false;\n    watch(\n      selfVisible,\n      (val) => {\n        if (changeParentTrans) {\n          changeParentTrans(val);\n        }\n        if (props.parentDom === 'body') {\n          if (val) {\n            visibleCount += 1;\n          } else if (init) {\n            visibleCount -= 1;\n          }\n          if (init) {\n            changeBodyOverflow(val);\n          }\n        }\n        init = true;\n        if (val) {\n          nextTick(() => {\n            calcBodyHeight();\n            const config = { attributes: true, childList: true, subtree: true };\n            if (wrapRef.value) {\n              observer.observe(wrapRef.value as any, config);\n            }\n          });\n        } else {\n          observer.disconnect();\n        }\n      },\n      { immediate: true }\n    );\n\n    const toDom = computed(() => {\n      if (!props.parentDom) {\n        return 'body';\n      }\n      if (typeof props.parentDom === 'function') {\n        return props.parentDom() || 'body';\n      }\n      return props.parentDom;\n    });\n\n    const positionStyle = computed(() => {\n      const style: CSSProperties = {};\n      if (toDom.value !== 'body') {\n        style.position = 'absolute';\n      }\n      return style;\n    });\n\n    const wrapStyle = computed(() => {\n      const style: CSSProperties = {\n        zIndex: zIndex.value\n      };\n\n      if (isValid(props.duration)) {\n        style.transitionDuration = `${props.duration}s`;\n      }\n\n      const place = props.placement;\n      let translate = 'none';\n      let widthStyle: number | undefined = props.width;\n      let heightStyle: number | undefined = props.height;\n      if (place === 'left' || place === 'right') {\n        translate = `translate(${place === 'left' ? 180 : -180}px, 0)`;\n        heightStyle = undefined;\n      }\n\n      if (place === 'top' || place === 'bottom') {\n        translate = `translateY(${place === 'top' ? 180 : -180}px)`;\n        widthStyle = undefined;\n      }\n\n      style.width = widthStyle && `${widthStyle}px`;\n      style.height = heightStyle && `${heightStyle}px`;\n      style.transform = drawerLevel.value > 1 ? translate : undefined;\n      style.zIndex = zIndex.value;\n\n      return style;\n    });\n\n    onMounted(() => {\n      isMounted.value = true;\n    });\n\n    onBeforeUnmount(() => {\n      observer.disconnect();\n      if (changeParentTrans && selfVisible.value) {\n        changeParentTrans(false);\n      }\n      if (props.parentDom === 'body') {\n        if (selfVisible.value) {\n          visibleCount = visibleCount > 0 ? visibleCount - 1 : visibleCount;\n          changeBodyOverflow(false);\n        }\n      }\n    });\n\n    onActivated(() => {\n      if (shouldReopen) {\n        emit('update:visible', true);\n        shouldReopen = false;\n      }\n    });\n\n    onDeactivated(() => {\n      observer.disconnect();\n      if (selfVisible.value) {\n        handleClose('close');\n        shouldReopen = true;\n      }\n    });\n\n    /**\n     * @param {event} e\n     * @return {*}\n     * @description handle key down event, to close drawer\n     */\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.keyCode === KeyCode.ESC && props.escClosable) {\n        handleClose('esc');\n      }\n    };\n\n    /**\n     * @param {*}\n     * @return {*}\n     * @description after transition animation end, invoke callback and desdroy wrap\n     */\n    const handleAnimationEnd = () => {\n      // if (wrapRef.value === e.target && e.animationName.match(/^drawerSlide/)) {\n      //   emit('after-visible-change', selfVisible.value);\n      //   animationEnd.value = !selfVisible.value;\n      // }\n      emit('after-visible-change', selfVisible.value);\n      animationEnd.value = !selfVisible.value;\n    };\n\n    const renderMask = () => {\n      if (props.showMask) {\n        return (\n          <Mask\n            show={props.visible}\n            zIndex={zIndex.value - 1}\n            duration={props.duration}\n            customStyle={{ ...props.maskStyle, ...positionStyle.value }}\n            class={props.maskClass}\n            onClick={handleMaskClose}\n          />\n        );\n      }\n    };\n\n    const renderDrawer = lazyRender(() => {\n      const renderConrent = () => (\n        <>\n          <div ref={headerRef} class={`${prefixCls.value}-header`} style={props.headerStyle}>\n            <h2 class={`${prefixCls.value}-header-title`}>{slots.title ? slots.title() : props.title}</h2>\n            {props.closable && (\n              <button class={`${prefixCls.value}-close`} onClick={() => handleClose('close')}>\n                <UIcon class={`${prefixCls.value}-close-icon`}>\n                  <X />\n                </UIcon>\n              </button>\n            )}\n          </div>\n          <div class={`${prefixCls.value}-body`} style={{ ...props.bodyStyle, height: bodyHeight.value }}>\n            {slots.default?.()}\n          </div>\n          {slots.footer ? (\n            <div ref={footerRef} class={`${prefixCls.value}-footer`} style={props.footerStyle}>\n              {slots.footer()}\n            </div>\n          ) : null}\n        </>\n      );\n\n      return (\n        <div\n          v-show={selfVisible.value}\n          ref={wrapRef}\n          class={[prefixCls.value, props.className, `${prefixCls.value}-${props.placement}`, `${prefixCls.value}-${props.size}`]}\n          style={{ ...wrapStyle.value, ...positionStyle.value }}\n          {...attrs}\n          tabindex={-1}\n          onKeydown={handleKeyDown}\n        >\n          {useShouldRender(props.visible, props.destroyOnClose, animationEnd.value, renderConrent)}\n        </div>\n      );\n    });\n\n    return () =>\n      isMounted.value ? (\n        <Teleport to={toDom.value}>\n          <Transition\n            v-slots={{ default: renderDrawer }}\n            name={props.transition || `drawer-slide-${props.placement}`}\n            appear={props.transitionAppear}\n            onAfterEnter={handleAnimationEnd}\n            onAfterLeave={handleAnimationEnd}\n          />\n          {renderMask()}\n        </Teleport>\n      ) : null;\n  }\n});\n"],"names":["visibleCount","drawerGlobalZIndex","defineComponent","name","inheritAttrs","props","drawerProps","emits","drawerEmits","setup","emit","attrs","slots","openStatus","shouldReopen","prefixCls","useGlobalConfig","selfVisible","ref","visible","zIndex","animationEnd","isMounted","wrapRef","headerRef","footerRef","lazyRender","useLazyRender","open","undefined","value","watch","val","tabindex","nextTick","focus","handleClose","type","handleMaskClose","maskClosable","drawerLevel","changeTrans","provide","changeParentTrans","inject","changeBodyOverflow","setBodyStyle","bodyHeight","calcBodyHeight","headerFooter","Number","offsetHeight","observer","MutationObserver","init","parentDom","config","attributes","childList","subtree","observe","disconnect","immediate","toDom","computed","positionStyle","style","position","wrapStyle","isValid","duration","transitionDuration","place","placement","translate","widthStyle","width","heightStyle","height","transform","onMounted","onBeforeUnmount","onActivated","onDeactivated","handleKeyDown","e","keyCode","KeyCode","ESC","escClosable","handleAnimationEnd","renderMask","showMask","_createVNode","Mask","maskStyle","maskClass","renderDrawer","renderConrent","_Fragment","headerStyle","title","closable","onClick","UIcon","default","X","bodyStyle","footer","footerStyle","_withDirectives","_mergeProps","className","size","useShouldRender","destroyOnClose","_vShow","Teleport","Transition","transition","transitionAppear"],"mappings":"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"}

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

@@ -74,12 +74,12 @@ export declare const UDrawer: {
             default: boolean;
         };
     }>> & Readonly<{
-        onClose?: (type: "close" | "esc" | "mask") => any;
+        onClose?: (type: "mask" | "close" | "esc") => any;
         "onUpdate:visible"?: (v: boolean) => any;
         "onAfter-visible-change"?: (v: boolean) => any;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:visible': (v: boolean) => boolean;
-        close: (type: "close" | "esc" | "mask") => boolean;
+        close: (type: "mask" | "close" | "esc") => boolean;
         'after-visible-change': (v: boolean) => boolean;
     }, import("vue").PublicProps, {
         closable: boolean;
@@ -180,7 +180,7 @@ export declare const UDrawer: {
             default: boolean;
         };
     }>> & Readonly<{
-        onClose?: (type: "close" | "esc" | "mask") => any;
+        onClose?: (type: "mask" | "close" | "esc") => any;
         "onUpdate:visible"?: (v: boolean) => any;
         "onAfter-visible-change"?: (v: boolean) => any;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
@@ -279,12 +279,12 @@ export declare const UDrawer: {
         default: boolean;
     };
 }>> & Readonly<{
-    onClose?: (type: "close" | "esc" | "mask") => any;
+    onClose?: (type: "mask" | "close" | "esc") => any;
     "onUpdate:visible"?: (v: boolean) => any;
     "onAfter-visible-change"?: (v: boolean) => any;
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:visible': (v: boolean) => boolean;
-    close: (type: "close" | "esc" | "mask") => boolean;
+    close: (type: "mask" | "close" | "esc") => boolean;
     'after-visible-change': (v: boolean) => boolean;
 }, string, {
     closable: boolean;
@@ -303,6 +303,6 @@ export declare const UDrawer: {
     destroyOnClose: boolean;
     transitionAppear: boolean;
     lazyRender: boolean;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
 export default UDrawer;
 export * from './Drawer.type';

package/es/components/Dropdown/Dropdown.mjs

@@ -88,7 +88,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["placement", "prefix-cls", "class", "disabled", "style", "offset", "visible", "trigger", "popup-class", "popup-style", "mouse-enter-delay", "mouse-leave-delay", "transition-name", "destroy-popup-on-hide", "get-popup-container", "modifiers", "onPopupVisibleChange"]);
 }
-var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Dropdown\\Dropdown.vue"]]);
+var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Dropdown/Dropdown.vue"]]);
 
 export { Dropdown as default };
 //# sourceMappingURL=Dropdown.mjs.map

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

@@ -284,9 +284,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onMouseleave?: (e: Event) => any;
         "onContext-menu"?: (e: Event) => any;
     }>, {
+        offset: number[];
         visible: boolean;
         placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
-        offset: number[];
         popupStyle: import("vue").CSSProperties;
         trigger: ("click" | "hover" | "focus" | "contextmenu")[];
         mouseEnterDelay: number;

package/es/components/Dropdown/DropdownTrigger.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, inject, ref, createVNode } from 'vue';
 import { UButton } from '../Button/index.mjs';
-import { URoundDown } from '@koi-design/uxd-icon';
+import { ChevronDown } from 'lucide-vue-next';
 import { UIcon } from '../Icon/index.mjs';
 import '../../utils/index.mjs';
 import '../base/hooks/index.mjs';
@@ -18,7 +18,7 @@ var DropdownTrigger = defineComponent({
       validator: oneOf(["icon", "button", "link", "dropdown"])
     },
     icon: {
-      type: [String, Object]
+      type: [String, Object, Function]
     },
     text: {
       type: String
@@ -83,7 +83,7 @@ var DropdownTrigger = defineComponent({
           return [((_b2 = (_a2 = this.$slots).default) == null ? void 0 : _b2.call(_a2)) || this.text, createVNode(UIcon, {
             "class": `${prefixCls}-trigger-arrow`
           }, {
-            default: () => [createVNode(URoundDown, null, null)]
+            default: () => [createVNode(ChevronDown, null, null)]
           })];
         }
       });

package/es/components/Dropdown/DropdownTrigger.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownTrigger.mjs","sources":["../../../../src/components/Dropdown/DropdownTrigger.tsx"],"sourcesContent":["import type { PropType } from 'vue';\nimport { defineComponent, inject, ref } from 'vue';\nimport type { ButtonType, ButtonVariantType } from '@uxd-ui/components/Button';\nimport UButton, { buttonType, buttonVariantType } from '@uxd-ui/components/Button';\nimport { URoundDown } from '@koi-design/uxd-icon';\nimport UIcon from '@uxd-ui/components//Icon';\nimport { colorType, oneOf, type ColorType, type IconPropType } from '../../utils';\nimport { useGlobalConfig } from '../base/hooks';\n\nexport type DropdownTriggerType = 'icon' | 'button' | 'link' | 'dropdown';\n\nexport default defineComponent({\n  name: 'UDropdownTrigger',\n  props: {\n    type: {\n      type: String as PropType<DropdownTriggerType>,\n      default: 'button',\n      validator: oneOf(['icon', 'button', 'link', 'dropdown'])\n    },\n    icon: {\n      type: [String, Object] as PropType<IconPropType>\n    },\n    text: {\n      type: String\n    },\n    buttonType: {\n      type: String as PropType<ButtonType>,\n      default: 'default',\n      validator: oneOf(buttonType)\n    },\n    variant: {\n      type: String as PropType<ButtonVariantType>,\n      default: 'surface',\n      validator: oneOf(buttonVariantType)\n    },\n    color: {\n      type: String as PropType<ColorType | undefined>,\n      default: undefined as undefined | ColorType,\n      validator: oneOf(colorType)\n    }\n  },\n  setup() {\n    const { prefixCls } = useGlobalConfig('dropdown');\n    const { stateVisible } = inject('dropdownContext', { stateVisible: ref(false) });\n\n    return {\n      stateVisible,\n      prefixCls\n    };\n  },\n  render() {\n    const { prefixCls } = this;\n\n    if (this.type === 'icon' && this.icon) {\n      return <UButton class={`${prefixCls}-trigger`} icon={this.icon} type={this.buttonType} color={this.color} variant=\"text\" icon-only></UButton>;\n    }\n    if (this.type === 'dropdown') {\n      return (\n        <UButton\n          class={{ [`${prefixCls}-trigger`]: true, [`${prefixCls}-trigger-open`]: this.stateVisible }}\n          type={this.buttonType}\n          color={this.color}\n          variant=\"text\"\n        >\n          {this.$slots.default?.() || this.text}\n          <UIcon class={`${prefixCls}-trigger-arrow`}>\n            <URoundDown />\n          </UIcon>\n        </UButton>\n      );\n    }\n    if (this.type === 'button') {\n      return (\n        <UButton class={`${prefixCls}-trigger`} icon={this.icon} type={this.buttonType} variant={this.variant} color={this.color}>\n          {this.$slots.default?.() || this.text}\n        </UButton>\n      );\n    }\n    if (this.type === 'link') {\n      return (\n        <a class={`${prefixCls}-trigger`}>\n          {this.icon && <UIcon icon={this.icon}></UIcon>}\n          {this.$slots.default?.() || this.text}\n        </a>\n      );\n    }\n    return <div class={`${prefixCls}-trigger`}>{this.$slots.default?.()}</div>;\n  }\n});\n"],"names":["defineComponent","name","props","type","String","default","validator","oneOf","icon","Object","text","buttonType","variant","buttonVariantType","color","undefined","colorType","setup","prefixCls","useGlobalConfig","stateVisible","inject","ref","render","_createVNode","UButton","_a","_b","$slots","UIcon","URoundDown"],"mappings":";;;;;;;;;;;AAWA,sBAAeA,gBAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,MAAM;AAAA,MACJA,MAAMC;AAAAA,MACNC,SAAS;AAAA,MACTC,WAAWC,MAAM,CAAC,QAAQ,UAAU,QAAQ,UAAU,CAAC;AAAA;AACzD,IACAC,MAAM;AAAA,MACJL,MAAM,CAACC,QAAQK,MAAM;AAAA;AACvB,IACAC,MAAM;AAAA,MACJP,MAAMC;AAAAA;AACR,IACAO,YAAY;AAAA,MACVR,MAAMC;AAAAA,MACNC,SAAS;AAAA,MACTC,WAAWC,MAAMI,UAAU;AAAA;AAC7B,IACAC,SAAS;AAAA,MACPT,MAAMC;AAAAA,MACNC,SAAS;AAAA,MACTC,WAAWC,MAAMM,iBAAiB;AAAA;AACpC,IACAC,OAAO;AAAA,MACLX,MAAMC;AAAAA,MACNC,SAASU;AAAAA,MACTT,WAAWC,MAAMS,SAAS;AAAA;AAC5B;AACF,EACAC,QAAQ;AACN,UAAM;AAAA,MAAEC;AAAAA,QAAcC,gBAAgB,UAAU;AAChD,UAAM;AAAA,MAAEC;AAAAA,QAAiBC,OAAO,mBAAmB;AAAA,MAAED,cAAcE,IAAI,KAAK;AAAA,KAAG;AAE/E,WAAO;AAAA,MACLF;AAAAA,MACAF;AAAAA;AACF;AACF,EACAK,SAAS;AAjDX;AAkDI,UAAM;AAAA,MAAEL;AAAAA,QAAc;AAEtB,QAAI,KAAKf,SAAS,UAAU,KAAKK,MAAM;AACrC,aAAAgB,YAAAC;QAAA,SAAuB,GAAGP;AAAAA,QAAmB,QAAQ,KAAKV;AAAAA,QAAI,QAAQ,KAAKG;AAAAA,QAAU,SAAS,KAAKG;AAAAA,QAAK;QAAA;;;AAE1G,QAAI,KAAKX,SAAS,YAAY;AAC5B,aAAAqB,YAAAC;QAAA,SAEW;AAAA,UAAE,CAAC,GAAGP,sBAAsB;AAAA,UAAM,CAAC,GAAGA,2BAA2B,KAAKE;AAAAA;AAAa,QAAC,QACrF,KAAKT;AAAAA,QAAU,SACd,KAAKG;AAAAA,QAAK;;QAAAT,SAAAA;AA5D3B,cAAAqB,KAAAC;oBA+DWA,OAAAD,MAAA,KAAKE,QAAOvB,YAAZ,gBAAAsB,IAAA,KAAAD,SAA2B,KAAKhB,MAAIc,YAAAK;YAAA,SACvB,GAAGX;AAAAA;YAAyBb,SAAAA,OAAAmB,YAAAM;;;;;AAMhD,QAAI,KAAK3B,SAAS,UAAU;AAC1B,aAAAqB,YAAAC;QAAA,SACkB,GAAGP;AAAAA,QAAmB,QAAQ,KAAKV;AAAAA,QAAI,QAAQ,KAAKG;AAAAA,QAAU,WAAW,KAAKC;AAAAA,QAAO,SAAS,KAAKE;AAAAA;QAAKT,SAAAA;AAxEhI,cAAAqB,KAAAC;oBAyEWA,OAAAD,MAAA,KAAKE,QAAOvB,YAAZ,gBAAAsB,IAAA,KAAAD,SAA2B,KAAKhB,IAAI;AAAA;AAAA;;AAI3C,QAAI,KAAKP,SAAS,QAAQ;AACxB,aAAAqB;QAAA,SACY,GAAGN;AAAAA,UACV,KAAKV,QAAIgB,YAAAK;QAAA,QAAiB,KAAKrB;AAAAA,kBAC/B,gBAAKoB,QAAOvB,YAAZ,gCAA2B,KAAKK,IAAI;;AAI3C,WAAAc;MAAA,SAAmB,GAAGN;AAAAA,SAAsB,gBAAKU,QAAOvB,YAAZ,2BAAuB;;AAEvE,CAAC;;;;"}
+{"version":3,"file":"DropdownTrigger.mjs","sources":["../../../../src/components/Dropdown/DropdownTrigger.tsx"],"sourcesContent":["import type { PropType } from 'vue';\nimport { defineComponent, inject, ref } from 'vue';\nimport type { ButtonType, ButtonVariantType } from '@uxd-ui/components/Button';\nimport UButton, { buttonType, buttonVariantType } from '@uxd-ui/components/Button';\nimport { ChevronDown } from 'lucide-vue-next';\nimport UIcon from '@uxd-ui/components//Icon';\nimport { colorType, oneOf, type ColorType, type IconPropType } from '../../utils';\nimport { useGlobalConfig } from '../base/hooks';\n\nexport type DropdownTriggerType = 'icon' | 'button' | 'link' | 'dropdown';\n\nexport default defineComponent({\n  name: 'UDropdownTrigger',\n  props: {\n    type: {\n      type: String as PropType<DropdownTriggerType>,\n      default: 'button',\n      validator: oneOf(['icon', 'button', 'link', 'dropdown'])\n    },\n    icon: {\n      type: [String, Object, Function] as PropType<IconPropType>\n    },\n    text: {\n      type: String\n    },\n    buttonType: {\n      type: String as PropType<ButtonType>,\n      default: 'default',\n      validator: oneOf(buttonType)\n    },\n    variant: {\n      type: String as PropType<ButtonVariantType>,\n      default: 'surface',\n      validator: oneOf(buttonVariantType)\n    },\n    color: {\n      type: String as PropType<ColorType | undefined>,\n      default: undefined as undefined | ColorType,\n      validator: oneOf(colorType)\n    }\n  },\n  setup() {\n    const { prefixCls } = useGlobalConfig('dropdown');\n    const { stateVisible } = inject('dropdownContext', { stateVisible: ref(false) });\n\n    return {\n      stateVisible,\n      prefixCls\n    };\n  },\n  render() {\n    const { prefixCls } = this;\n\n    if (this.type === 'icon' && this.icon) {\n      return <UButton class={`${prefixCls}-trigger`} icon={this.icon} type={this.buttonType} color={this.color} variant=\"text\" icon-only></UButton>;\n    }\n    if (this.type === 'dropdown') {\n      return (\n        <UButton\n          class={{ [`${prefixCls}-trigger`]: true, [`${prefixCls}-trigger-open`]: this.stateVisible }}\n          type={this.buttonType}\n          color={this.color}\n          variant=\"text\"\n        >\n          {this.$slots.default?.() || this.text}\n          <UIcon class={`${prefixCls}-trigger-arrow`}>\n            <ChevronDown />\n          </UIcon>\n        </UButton>\n      );\n    }\n    if (this.type === 'button') {\n      return (\n        <UButton class={`${prefixCls}-trigger`} icon={this.icon} type={this.buttonType} variant={this.variant} color={this.color}>\n          {this.$slots.default?.() || this.text}\n        </UButton>\n      );\n    }\n    if (this.type === 'link') {\n      return (\n        <a class={`${prefixCls}-trigger`}>\n          {this.icon && <UIcon icon={this.icon}></UIcon>}\n          {this.$slots.default?.() || this.text}\n        </a>\n      );\n    }\n    return <div class={`${prefixCls}-trigger`}>{this.$slots.default?.()}</div>;\n  }\n});\n"],"names":["defineComponent","name","props","type","String","default","validator","oneOf","icon","Object","Function","text","buttonType","variant","buttonVariantType","color","undefined","colorType","setup","prefixCls","useGlobalConfig","stateVisible","inject","ref","render","_createVNode","UButton","_a","_b","$slots","UIcon","ChevronDown"],"mappings":";;;;;;;;;;;AAWA,sBAAeA,gBAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,MAAM;AAAA,MACJA,MAAMC;AAAAA,MACNC,SAAS;AAAA,MACTC,WAAWC,MAAM,CAAC,QAAQ,UAAU,QAAQ,UAAU,CAAC;AAAA;AACzD,IACAC,MAAM;AAAA,MACJL,MAAM,CAACC,QAAQK,QAAQC,QAAQ;AAAA;AACjC,IACAC,MAAM;AAAA,MACJR,MAAMC;AAAAA;AACR,IACAQ,YAAY;AAAA,MACVT,MAAMC;AAAAA,MACNC,SAAS;AAAA,MACTC,WAAWC,MAAMK,UAAU;AAAA;AAC7B,IACAC,SAAS;AAAA,MACPV,MAAMC;AAAAA,MACNC,SAAS;AAAA,MACTC,WAAWC,MAAMO,iBAAiB;AAAA;AACpC,IACAC,OAAO;AAAA,MACLZ,MAAMC;AAAAA,MACNC,SAASW;AAAAA,MACTV,WAAWC,MAAMU,SAAS;AAAA;AAC5B;AACF,EACAC,QAAQ;AACN,UAAM;AAAA,MAAEC;AAAAA,QAAcC,gBAAgB,UAAU;AAChD,UAAM;AAAA,MAAEC;AAAAA,QAAiBC,OAAO,mBAAmB;AAAA,MAAED,cAAcE,IAAI,KAAK;AAAA,KAAG;AAE/E,WAAO;AAAA,MACLF;AAAAA,MACAF;AAAAA;AACF;AACF,EACAK,SAAS;AAjDX;AAkDI,UAAM;AAAA,MAAEL;AAAAA,QAAc;AAEtB,QAAI,KAAKhB,SAAS,UAAU,KAAKK,MAAM;AACrC,aAAAiB,YAAAC;QAAA,SAAuB,GAAGP;AAAAA,QAAmB,QAAQ,KAAKX;AAAAA,QAAI,QAAQ,KAAKI;AAAAA,QAAU,SAAS,KAAKG;AAAAA,QAAK;QAAA;;;AAE1G,QAAI,KAAKZ,SAAS,YAAY;AAC5B,aAAAsB,YAAAC;QAAA,SAEW;AAAA,UAAE,CAAC,GAAGP,sBAAsB;AAAA,UAAM,CAAC,GAAGA,2BAA2B,KAAKE;AAAAA;AAAa,QAAC,QACrF,KAAKT;AAAAA,QAAU,SACd,KAAKG;AAAAA,QAAK;;QAAAV,SAAAA;AA5D3B,cAAAsB,KAAAC;oBA+DWA,OAAAD,MAAA,KAAKE,QAAOxB,YAAZ,gBAAAuB,IAAA,KAAAD,SAA2B,KAAKhB,MAAIc,YAAAK;YAAA,SACvB,GAAGX;AAAAA;YAAyBd,SAAAA,OAAAoB,YAAAM;;;;;AAMhD,QAAI,KAAK5B,SAAS,UAAU;AAC1B,aAAAsB,YAAAC;QAAA,SACkB,GAAGP;AAAAA,QAAmB,QAAQ,KAAKX;AAAAA,QAAI,QAAQ,KAAKI;AAAAA,QAAU,WAAW,KAAKC;AAAAA,QAAO,SAAS,KAAKE;AAAAA;QAAKV,SAAAA;AAxEhI,cAAAsB,KAAAC;oBAyEWA,OAAAD,MAAA,KAAKE,QAAOxB,YAAZ,gBAAAuB,IAAA,KAAAD,SAA2B,KAAKhB,IAAI;AAAA;AAAA;;AAI3C,QAAI,KAAKR,SAAS,QAAQ;AACxB,aAAAsB;QAAA,SACY,GAAGN;AAAAA,UACV,KAAKX,QAAIiB,YAAAK;QAAA,QAAiB,KAAKtB;AAAAA,kBAC/B,gBAAKqB,QAAOxB,YAAZ,gCAA2B,KAAKM,IAAI;;AAI3C,WAAAc;MAAA,SAAmB,GAAGN;AAAAA,SAAsB,gBAAKU,QAAOxB,YAAZ,2BAAuB;;AAEvE,CAAC;;;;"}

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

@@ -238,9 +238,9 @@ export declare const UDropdown: {
             onMouseleave?: (e: Event) => any;
             "onContext-menu"?: (e: Event) => any;
         }>, {
+            offset: number[];
             visible: boolean;
             placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
-            offset: number[];
             popupStyle: import("vue").CSSProperties;
             trigger: ("click" | "hover" | "focus" | "contextmenu")[];
             mouseEnterDelay: number;
@@ -573,9 +573,9 @@ export declare const UDropdown: {
         onMouseleave?: (e: Event) => any;
         "onContext-menu"?: (e: Event) => any;
     }>, {
+        offset: number[];
         visible: boolean;
         placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
-        offset: number[];
         popupStyle: import("vue").CSSProperties;
         trigger: ("click" | "hover" | "focus" | "contextmenu")[];
         mouseEnterDelay: number;
@@ -594,7 +594,7 @@ export declare const UDropdown: {
             };
         };
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & {
+} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & {
     Menu: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         options: {
             type: import("vue").PropType<import("./Dropdown.type").DropdownMenuOption[]>;

package/es/components/Empty/Empty.d.ts

@@ -75,7 +75,7 @@ declare const Empty: import("vue").DefineComponent<import("vue").ExtractPropType
         text: string | boolean;
         size: "small" | "default" | "large";
     }, {}, {
-        UColorfulEmpty: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        ColorfullEmpty: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default Empty;

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

@@ -60,7 +60,7 @@ export declare const UEmpty: {
             size: "small" | "default" | "large";
             text: string | boolean;
         }, {}, {
-            UColorfulEmpty: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            ColorfullEmpty: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -153,8 +153,8 @@ export declare const UEmpty: {
         size: "small" | "default" | "large";
         text: string | boolean;
     }, {}, {
-        UColorfulEmpty: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        ColorfullEmpty: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
 export default UEmpty;
 export * from './Empty.type';

package/es/components/Form/Form.mjs

@@ -144,7 +144,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 34);
 }
-var Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Form\\Form.vue"]]);
+var Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Form/Form.vue"]]);
 
 export { Form as default };
 //# sourceMappingURL=Form.mjs.map

package/es/components/Form/FormItem.d.ts

@@ -58,7 +58,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     showError: import("vue").ComputedRef<boolean>;
     validateState: import("vue").Ref<"error" | "success" | "warning" | "validating", "error" | "success" | "warning" | "validating">;
     validateMessage: import("vue").Ref<string, string>;
-    validateIcon: import("vue").ComputedRef<"" | import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+    validateIcon: import("vue").ComputedRef<"" | import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     prop: {
         type: StringConstructor;

package/es/components/Form/FormItem.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, inject, computed, ref, watch, nextTick, provide, reactive, onMounted, onBeforeUnmount, createVNode, cloneVNode, Fragment, Transition } from 'vue';
 import { UIcon } from '../Icon/index.mjs';
-import { ULineLoading, USolidCheckmarkCircle, USolidAlertCircle } from '@koi-design/uxd-icon';
+import { LoaderCircle, CircleCheck, CircleX, CircleAlert } from 'lucide-vue-next';
 import { cloneDeep } from 'lodash-unified';
 import AsyncValidator from 'async-validator';
 import { getPropByPath, FormItemKey } from './utils.mjs';
@@ -11,10 +11,10 @@ import '../../utils/index.mjs';
 import { measureTextWidth } from '../../utils/dom.mjs';
 
 const VALIDATE_ICON_MAP = {
-  validating: ULineLoading,
-  success: USolidCheckmarkCircle,
-  error: USolidAlertCircle,
-  warning: USolidAlertCircle
+  validating: LoaderCircle,
+  success: CircleCheck,
+  error: CircleX,
+  warning: CircleAlert
 };
 const FORM_CONTORS = ["UInput", "UAutoComplete", "UInputNumber", "USwitch", "UCascader", "USelect", "URadio", "URadioGroup", "UCheckbox", "UCheckboxGroup", "UDatePicker", "UTimePicker"];
 var FormItem = defineComponent({

package/es/components/Form/FormItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormItem.mjs","sources":["../../../../src/components/Form/FormItem.tsx"],"sourcesContent":["import { watch, computed, defineComponent, inject, onMounted, provide, ref, nextTick, reactive, cloneVNode, onBeforeUnmount, Transition } from 'vue';\nimport type { CSSProperties, VNode } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { ULineLoading, USolidCheckmarkCircle, USolidAlertCircle } from '@koi-design/uxd-icon';\nimport { cloneDeep } from 'lodash-unified';\nimport AsyncValidator from 'async-validator';\nimport type { RuleItem, FieldErrorList } from 'async-validator';\nimport { getPropByPath, FormItemKey } from './utils';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { getSlot } from '../../utils/slots';\nimport { type FormContext, type ValidateStatus, type FormRuleItem, type FormRuleTrigger, type FormItemInstance, formItemProps } from './Form.type';\nimport { measureTextWidth } from '../../utils';\n\nconst VALIDATE_ICON_MAP = {\n  validating: ULineLoading,\n  success: USolidCheckmarkCircle,\n  error: USolidAlertCircle,\n  warning: USolidAlertCircle\n};\n\nconst FORM_CONTORS = [\n  'UInput',\n  'UAutoComplete',\n  'UInputNumber',\n  'USwitch',\n  'UCascader',\n  'USelect',\n  'URadio',\n  'URadioGroup',\n  'UCheckbox',\n  'UCheckboxGroup',\n  'UDatePicker',\n  'UTimePicker'\n];\n\nexport default defineComponent({\n  name: 'UFormItem',\n  props: formItemProps,\n  setup(props) {\n    const { prefixCls } = useGlobalConfig('form-item');\n    const {\n      addField,\n      removeField,\n      updateAutoLabel,\n      rules: formContextRules,\n      model,\n      fireFormValidate,\n      layout,\n      labelWidth,\n      autoLabelWidth,\n      labelAlign,\n      colon,\n      hideRequiredMark,\n      wrapperWidth,\n      showMessage: formShowMessage,\n      disabled,\n      statusIcon,\n      size\n    } = inject<FormContext>('FormContext', {} as FormContext);\n\n    const computedLabelWidth = computed(() => {\n      if (props.labelWidth !== undefined) {\n        return props.labelWidth;\n      }\n      if (labelWidth.value === 'auto') {\n        return autoLabelWidth.value;\n      }\n      return labelWidth.value || autoLabelWidth.value;\n    });\n\n    const overLabelWidth = computed(() => {\n      if (!document) return false;\n      if (layout.value === 'labelTop') {\n        return false;\n      }\n      const textWidth = measureTextWidth(props.label);\n      const _width = textWidth + (colon.value ? 5 : 0) + (hideRequiredMark.value ? 0 : 8) + 10;\n      return _width > (props.labelWidth || (labelWidth.value === 'auto' ? autoLabelWidth.value : labelWidth.value));\n    });\n\n    const labelStyle = computed(() => {\n      if (layout.value === 'default') {\n        return {\n          width: `${computedLabelWidth.value}px`\n        };\n      }\n      if (layout.value === 'inline' && labelWidth.value) {\n        return {\n          width: `${computedLabelWidth.value}px`\n        };\n      }\n      return {};\n    });\n\n    const wrapperStyle = computed(() => {\n      const style = {} as CSSProperties;\n      if (layout.value === 'default') {\n        if (!props.inFormItem) {\n          style.width = `calc(100% - ${computedLabelWidth.value}px)`;\n        } else {\n          style.width = `100%`;\n        }\n      }\n      if (wrapperWidth.value || props.wrapperWidth) {\n        style.width = `${props.wrapperWidth || wrapperWidth.value}px`;\n      }\n      return style;\n    });\n\n    // ========= validate ============\n    // #region\n    const initialValue = ref();\n    const validateState = ref<ValidateStatus | undefined>();\n    const validateMessage = ref('');\n    let validateDisabled = false;\n\n    watch(\n      () => props.error,\n      (val) => {\n        validateMessage.value = val || '';\n        validateState.value = val ? 'error' : undefined;\n      },\n      {\n        immediate: true\n      }\n    );\n\n    watch(\n      () => props.validateStatus,\n      (val) => {\n        validateState.value = val || undefined;\n      },\n      {\n        immediate: true\n      }\n    );\n\n    watch(\n      () => props.rules,\n      (val) => {\n        if (val === undefined) {\n          validateState.value = undefined;\n          validateMessage.value = '';\n        }\n      }\n    );\n\n    const validateIcon = computed(() => {\n      if (validateState.value && VALIDATE_ICON_MAP[validateState.value]) {\n        return VALIDATE_ICON_MAP[validateState.value];\n      }\n      return '';\n    });\n\n    const fieldValue = computed(() => {\n      if (!model.value || !props.prop) {\n        return undefined;\n      }\n\n      return getPropByPath(model.value, props.prop, true).v;\n    });\n\n    const showError = computed(() => {\n      return validateState.value === 'error' && props.showMessage && formShowMessage.value;\n    });\n\n    const getRules = () => {\n      const selfRules = props.rules;\n      const requiredRule = props.required ? ([{ required: !!props.required }] as FormRuleItem[]) : [];\n      const formRules = formContextRules.value ? formContextRules.value[props.prop as string] : [];\n      return ([] as FormRuleItem[]).concat(selfRules || formRules || []).concat(...requiredRule);\n    };\n\n    const getTriggerRule = (trigger?: FormRuleTrigger) => {\n      const rules = getRules();\n      return rules.filter((rule) => {\n        if (!rule.trigger || !trigger) {\n          return true;\n        }\n        return rule.trigger === trigger;\n      });\n    };\n\n    const isRequired = computed(() => {\n      const rules = getRules();\n      return rules.some((rule) => rule.required);\n    });\n\n    const validate = (trigger?: FormRuleTrigger, callback: (msg?: string, fields?: FieldErrorList) => void = () => {}) => {\n      const rules = getTriggerRule(trigger);\n      if (!rules.length) {\n        callback();\n        return;\n      }\n      validateState.value = 'validating';\n      const descriptor: Record<string, RuleItem[]> = {};\n      descriptor[props.prop as string] = rules;\n      const validator = new AsyncValidator(descriptor);\n      const modelData = {} as Record<string, any>;\n      modelData[props.prop as string] = fieldValue.value;\n      validator.validate(modelData, { firstFields: true }, (errors, invalidFields) => {\n        validateState.value = !errors ? 'success' : 'error';\n        validateMessage.value = errors ? errors[0].message : '';\n        callback(validateMessage.value, invalidFields);\n        fireFormValidate(props.prop, !errors, validateMessage.value || null);\n      });\n    };\n\n    const resetField = () => {\n      validateState.value = undefined;\n      validateMessage.value = '';\n      validateDisabled = true;\n      const { value } = fieldValue;\n      const _prop = getPropByPath(model.value, props.prop as string, true);\n      if (Array.isArray(value)) {\n        _prop.o[_prop.k] = [].concat(initialValue.value);\n      } else {\n        _prop.o[_prop.k] = initialValue.value;\n      }\n\n      nextTick(() => {\n        validateDisabled = false;\n      });\n    };\n\n    const clearValidate = () => {\n      validateState.value = undefined;\n      validateMessage.value = '';\n      validateDisabled = false;\n    };\n\n    const onFieldBlur = () => {\n      validate('blur');\n    };\n\n    const onFieldChange = () => {\n      if (validateDisabled) {\n        validateDisabled = false;\n        return;\n      }\n      validate('change');\n    };\n\n    provide(FormItemKey, {\n      disabled,\n      size,\n      onFieldBlur,\n      onFieldChange\n    });\n\n    // #endregion\n\n    // ======== field to form ===========\n    // #region\n    const fieldContext = reactive({\n      prop: props.prop,\n      label: props.label,\n      validate,\n      resetField,\n      clearValidate\n    } as FormItemInstance);\n\n    watch(\n      computed(() => props.label),\n      (val) => {\n        fieldContext.label = val || '';\n        if (val) {\n          updateAutoLabel(val);\n        }\n      }\n    );\n\n    onMounted(() => {\n      if (props.prop) {\n        addField(fieldContext);\n        initialValue.value = cloneDeep(fieldValue.value);\n      }\n    });\n\n    onBeforeUnmount(() => {\n      removeField(fieldContext);\n    });\n\n    // #endregion\n\n    return {\n      prefixCls,\n      labelStyle,\n      wrapperStyle,\n      overLabelWidth,\n      layout,\n      colon,\n      statusIcon,\n      hideRequiredMark,\n      labelAlign,\n      isRequired,\n      disabled,\n      size,\n      showError,\n      validateState,\n      validateMessage,\n      validateIcon\n    };\n  },\n  render() {\n    const {\n      $slots,\n      prefixCls,\n      labelStyle,\n      overLabelWidth,\n      hideRequiredMark,\n      isRequired,\n      colon,\n      labelAlign,\n      showError,\n      wrapperStyle,\n      validateState,\n      validateMessage,\n      statusIcon,\n      validateIcon,\n      disabled,\n      size\n    } = this;\n    const { label, labelFor, inFormItem } = this.$props;\n    const labelRender = () => {\n      if ($slots.label !== undefined || label !== undefined) {\n        return (\n          <div\n            style={labelStyle}\n            class={[\n              `${prefixCls}-label`,\n              {\n                [`${prefixCls}-label-required`]: !hideRequiredMark && isRequired,\n                [`${prefixCls}-label-colon`]: colon,\n                [`${prefixCls}-label-${labelAlign}`]: labelAlign,\n                [`${prefixCls}-label-wrap`]: overLabelWidth\n              }\n            ]}\n          >\n            <label for={labelFor}>{$slots.label ? $slots.label() : label}</label>\n          </div>\n        );\n      }\n      if (this.layout === 'default' && !this.inFormItem) {\n        return <span style={labelStyle}></span>;\n      }\n    };\n\n    const errorRender = $slots.error ? $slots.error({ error: validateMessage }) : <div class={`${prefixCls}-error-message`}>{validateMessage}</div>;\n\n    const stautsRender =\n      statusIcon && validateState !== undefined ? (\n        <span class={`${prefixCls}-content-icon`}>\n          <UIcon>\n            <validateIcon />\n          </UIcon>\n        </span>\n      ) : null;\n\n    const getChildRender = () => {\n      const children = getSlot($slots);\n\n      const newChildren = children.map((child) => {\n        const extraProps = {} as any;\n\n        if (disabled) {\n          extraProps.disabled = true;\n        }\n\n        // if (validateState === 'error') {\n        //   extraProps.color = 'red';\n        // }\n        if ((child as any).type?.name && FORM_CONTORS.includes((child as any).type.name)) {\n          extraProps.size = size;\n        }\n        return cloneVNode(child as VNode, extraProps);\n      });\n      return newChildren;\n    };\n\n    return (\n      <div\n        class={[\n          prefixCls,\n          {\n            [`${prefixCls}-with-error`]: showError,\n            [`${prefixCls}-in-form-item`]: inFormItem\n          }\n        ]}\n      >\n        {labelRender()}\n        <div\n          style={wrapperStyle}\n          class={[\n            `${prefixCls}-content`,\n            {\n              [`has-success`]: validateState === 'success',\n              [`has-error`]: validateState === 'error',\n              [`has-warining`]: validateState === 'warning',\n              [`is-validating`]: validateState === 'validating'\n            }\n          ]}\n        >\n          {statusIcon ? (\n            <>\n              <div class={`${prefixCls}-content-inner`}>{getChildRender()}</div>\n              {stautsRender}\n            </>\n          ) : (\n            getChildRender()\n          )}\n          <Transition name=\"show-error\">{showError ? errorRender : null}</Transition>\n        </div>\n      </div>\n    );\n  }\n});\n"],"names":["VALIDATE_ICON_MAP","validating","ULineLoading","success","USolidCheckmarkCircle","error","USolidAlertCircle","warning","FORM_CONTORS","defineComponent","name","props","formItemProps","setup","prefixCls","useGlobalConfig","addField","removeField","updateAutoLabel","rules","formContextRules","model","fireFormValidate","layout","labelWidth","autoLabelWidth","labelAlign","colon","hideRequiredMark","wrapperWidth","showMessage","formShowMessage","disabled","statusIcon","size","inject","computedLabelWidth","computed","undefined","value","overLabelWidth","document","textWidth","measureTextWidth","label","_width","labelStyle","width","wrapperStyle","style","inFormItem","initialValue","ref","validateState","validateMessage","validateDisabled","watch","val","immediate","validateStatus","validateIcon","fieldValue","prop","getPropByPath","v","showError","getRules","selfRules","requiredRule","required","formRules","concat","getTriggerRule","trigger","filter","rule","isRequired","some","validate","callback","length","descriptor","validator","AsyncValidator","modelData","firstFields","errors","invalidFields","message","resetField","_prop","Array","isArray","o","k","nextTick","clearValidate","onFieldBlur","onFieldChange","provide","FormItemKey","fieldContext","reactive","onMounted","cloneDeep","onBeforeUnmount","render","$slots","labelFor","$props","labelRender","_createVNode","errorRender","stautsRender","UIcon","default","getChildRender","children","getSlot","newChildren","map","child","extraProps","type","includes","cloneVNode","_Fragment","Transition"],"mappings":"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"}
+{"version":3,"file":"FormItem.mjs","sources":["../../../../src/components/Form/FormItem.tsx"],"sourcesContent":["import { watch, computed, defineComponent, inject, onMounted, provide, ref, nextTick, reactive, cloneVNode, onBeforeUnmount, Transition } from 'vue';\nimport type { CSSProperties, VNode } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { LoaderCircle, CircleCheck, CircleX, CircleAlert } from 'lucide-vue-next';\nimport { cloneDeep } from 'lodash-unified';\nimport AsyncValidator from 'async-validator';\nimport type { RuleItem, FieldErrorList } from 'async-validator';\nimport { getPropByPath, FormItemKey } from './utils';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { getSlot } from '../../utils/slots';\nimport { type FormContext, type ValidateStatus, type FormRuleItem, type FormRuleTrigger, type FormItemInstance, formItemProps } from './Form.type';\nimport { measureTextWidth } from '../../utils';\n\nconst VALIDATE_ICON_MAP = {\n  validating: LoaderCircle,\n  success: CircleCheck,\n  error: CircleX,\n  warning: CircleAlert\n};\n\nconst FORM_CONTORS = [\n  'UInput',\n  'UAutoComplete',\n  'UInputNumber',\n  'USwitch',\n  'UCascader',\n  'USelect',\n  'URadio',\n  'URadioGroup',\n  'UCheckbox',\n  'UCheckboxGroup',\n  'UDatePicker',\n  'UTimePicker'\n];\n\nexport default defineComponent({\n  name: 'UFormItem',\n  props: formItemProps,\n  setup(props) {\n    const { prefixCls } = useGlobalConfig('form-item');\n    const {\n      addField,\n      removeField,\n      updateAutoLabel,\n      rules: formContextRules,\n      model,\n      fireFormValidate,\n      layout,\n      labelWidth,\n      autoLabelWidth,\n      labelAlign,\n      colon,\n      hideRequiredMark,\n      wrapperWidth,\n      showMessage: formShowMessage,\n      disabled,\n      statusIcon,\n      size\n    } = inject<FormContext>('FormContext', {} as FormContext);\n\n    const computedLabelWidth = computed(() => {\n      if (props.labelWidth !== undefined) {\n        return props.labelWidth;\n      }\n      if (labelWidth.value === 'auto') {\n        return autoLabelWidth.value;\n      }\n      return labelWidth.value || autoLabelWidth.value;\n    });\n\n    const overLabelWidth = computed(() => {\n      if (!document) return false;\n      if (layout.value === 'labelTop') {\n        return false;\n      }\n      const textWidth = measureTextWidth(props.label);\n      const _width = textWidth + (colon.value ? 5 : 0) + (hideRequiredMark.value ? 0 : 8) + 10;\n      return _width > (props.labelWidth || (labelWidth.value === 'auto' ? autoLabelWidth.value : labelWidth.value));\n    });\n\n    const labelStyle = computed(() => {\n      if (layout.value === 'default') {\n        return {\n          width: `${computedLabelWidth.value}px`\n        };\n      }\n      if (layout.value === 'inline' && labelWidth.value) {\n        return {\n          width: `${computedLabelWidth.value}px`\n        };\n      }\n      return {};\n    });\n\n    const wrapperStyle = computed(() => {\n      const style = {} as CSSProperties;\n      if (layout.value === 'default') {\n        if (!props.inFormItem) {\n          style.width = `calc(100% - ${computedLabelWidth.value}px)`;\n        } else {\n          style.width = `100%`;\n        }\n      }\n      if (wrapperWidth.value || props.wrapperWidth) {\n        style.width = `${props.wrapperWidth || wrapperWidth.value}px`;\n      }\n      return style;\n    });\n\n    // ========= validate ============\n    // #region\n    const initialValue = ref();\n    const validateState = ref<ValidateStatus | undefined>();\n    const validateMessage = ref('');\n    let validateDisabled = false;\n\n    watch(\n      () => props.error,\n      (val) => {\n        validateMessage.value = val || '';\n        validateState.value = val ? 'error' : undefined;\n      },\n      {\n        immediate: true\n      }\n    );\n\n    watch(\n      () => props.validateStatus,\n      (val) => {\n        validateState.value = val || undefined;\n      },\n      {\n        immediate: true\n      }\n    );\n\n    watch(\n      () => props.rules,\n      (val) => {\n        if (val === undefined) {\n          validateState.value = undefined;\n          validateMessage.value = '';\n        }\n      }\n    );\n\n    const validateIcon = computed(() => {\n      if (validateState.value && VALIDATE_ICON_MAP[validateState.value]) {\n        return VALIDATE_ICON_MAP[validateState.value];\n      }\n      return '';\n    });\n\n    const fieldValue = computed(() => {\n      if (!model.value || !props.prop) {\n        return undefined;\n      }\n\n      return getPropByPath(model.value, props.prop, true).v;\n    });\n\n    const showError = computed(() => {\n      return validateState.value === 'error' && props.showMessage && formShowMessage.value;\n    });\n\n    const getRules = () => {\n      const selfRules = props.rules;\n      const requiredRule = props.required ? ([{ required: !!props.required }] as FormRuleItem[]) : [];\n      const formRules = formContextRules.value ? formContextRules.value[props.prop as string] : [];\n      return ([] as FormRuleItem[]).concat(selfRules || formRules || []).concat(...requiredRule);\n    };\n\n    const getTriggerRule = (trigger?: FormRuleTrigger) => {\n      const rules = getRules();\n      return rules.filter((rule) => {\n        if (!rule.trigger || !trigger) {\n          return true;\n        }\n        return rule.trigger === trigger;\n      });\n    };\n\n    const isRequired = computed(() => {\n      const rules = getRules();\n      return rules.some((rule) => rule.required);\n    });\n\n    const validate = (trigger?: FormRuleTrigger, callback: (msg?: string, fields?: FieldErrorList) => void = () => {}) => {\n      const rules = getTriggerRule(trigger);\n      if (!rules.length) {\n        callback();\n        return;\n      }\n      validateState.value = 'validating';\n      const descriptor: Record<string, RuleItem[]> = {};\n      descriptor[props.prop as string] = rules;\n      const validator = new AsyncValidator(descriptor);\n      const modelData = {} as Record<string, any>;\n      modelData[props.prop as string] = fieldValue.value;\n      validator.validate(modelData, { firstFields: true }, (errors, invalidFields) => {\n        validateState.value = !errors ? 'success' : 'error';\n        validateMessage.value = errors ? errors[0].message : '';\n        callback(validateMessage.value, invalidFields);\n        fireFormValidate(props.prop, !errors, validateMessage.value || null);\n      });\n    };\n\n    const resetField = () => {\n      validateState.value = undefined;\n      validateMessage.value = '';\n      validateDisabled = true;\n      const { value } = fieldValue;\n      const _prop = getPropByPath(model.value, props.prop as string, true);\n      if (Array.isArray(value)) {\n        _prop.o[_prop.k] = [].concat(initialValue.value);\n      } else {\n        _prop.o[_prop.k] = initialValue.value;\n      }\n\n      nextTick(() => {\n        validateDisabled = false;\n      });\n    };\n\n    const clearValidate = () => {\n      validateState.value = undefined;\n      validateMessage.value = '';\n      validateDisabled = false;\n    };\n\n    const onFieldBlur = () => {\n      validate('blur');\n    };\n\n    const onFieldChange = () => {\n      if (validateDisabled) {\n        validateDisabled = false;\n        return;\n      }\n      validate('change');\n    };\n\n    provide(FormItemKey, {\n      disabled,\n      size,\n      onFieldBlur,\n      onFieldChange\n    });\n\n    // #endregion\n\n    // ======== field to form ===========\n    // #region\n    const fieldContext = reactive({\n      prop: props.prop,\n      label: props.label,\n      validate,\n      resetField,\n      clearValidate\n    } as FormItemInstance);\n\n    watch(\n      computed(() => props.label),\n      (val) => {\n        fieldContext.label = val || '';\n        if (val) {\n          updateAutoLabel(val);\n        }\n      }\n    );\n\n    onMounted(() => {\n      if (props.prop) {\n        addField(fieldContext);\n        initialValue.value = cloneDeep(fieldValue.value);\n      }\n    });\n\n    onBeforeUnmount(() => {\n      removeField(fieldContext);\n    });\n\n    // #endregion\n\n    return {\n      prefixCls,\n      labelStyle,\n      wrapperStyle,\n      overLabelWidth,\n      layout,\n      colon,\n      statusIcon,\n      hideRequiredMark,\n      labelAlign,\n      isRequired,\n      disabled,\n      size,\n      showError,\n      validateState,\n      validateMessage,\n      validateIcon\n    };\n  },\n  render() {\n    const {\n      $slots,\n      prefixCls,\n      labelStyle,\n      overLabelWidth,\n      hideRequiredMark,\n      isRequired,\n      colon,\n      labelAlign,\n      showError,\n      wrapperStyle,\n      validateState,\n      validateMessage,\n      statusIcon,\n      validateIcon,\n      disabled,\n      size\n    } = this;\n    const { label, labelFor, inFormItem } = this.$props;\n    const labelRender = () => {\n      if ($slots.label !== undefined || label !== undefined) {\n        return (\n          <div\n            style={labelStyle}\n            class={[\n              `${prefixCls}-label`,\n              {\n                [`${prefixCls}-label-required`]: !hideRequiredMark && isRequired,\n                [`${prefixCls}-label-colon`]: colon,\n                [`${prefixCls}-label-${labelAlign}`]: labelAlign,\n                [`${prefixCls}-label-wrap`]: overLabelWidth\n              }\n            ]}\n          >\n            <label for={labelFor}>{$slots.label ? $slots.label() : label}</label>\n          </div>\n        );\n      }\n      if (this.layout === 'default' && !this.inFormItem) {\n        return <span style={labelStyle}></span>;\n      }\n    };\n\n    const errorRender = $slots.error ? $slots.error({ error: validateMessage }) : <div class={`${prefixCls}-error-message`}>{validateMessage}</div>;\n\n    const stautsRender =\n      statusIcon && validateState !== undefined ? (\n        <span class={`${prefixCls}-content-icon`}>\n          <UIcon>\n            <validateIcon />\n          </UIcon>\n        </span>\n      ) : null;\n\n    const getChildRender = () => {\n      const children = getSlot($slots);\n\n      const newChildren = children.map((child) => {\n        const extraProps = {} as any;\n\n        if (disabled) {\n          extraProps.disabled = true;\n        }\n\n        // if (validateState === 'error') {\n        //   extraProps.color = 'red';\n        // }\n        if ((child as any).type?.name && FORM_CONTORS.includes((child as any).type.name)) {\n          extraProps.size = size;\n        }\n        return cloneVNode(child as VNode, extraProps);\n      });\n      return newChildren;\n    };\n\n    return (\n      <div\n        class={[\n          prefixCls,\n          {\n            [`${prefixCls}-with-error`]: showError,\n            [`${prefixCls}-in-form-item`]: inFormItem\n          }\n        ]}\n      >\n        {labelRender()}\n        <div\n          style={wrapperStyle}\n          class={[\n            `${prefixCls}-content`,\n            {\n              [`has-success`]: validateState === 'success',\n              [`has-error`]: validateState === 'error',\n              [`has-warining`]: validateState === 'warning',\n              [`is-validating`]: validateState === 'validating'\n            }\n          ]}\n        >\n          {statusIcon ? (\n            <>\n              <div class={`${prefixCls}-content-inner`}>{getChildRender()}</div>\n              {stautsRender}\n            </>\n          ) : (\n            getChildRender()\n          )}\n          <Transition name=\"show-error\">{showError ? errorRender : null}</Transition>\n        </div>\n      </div>\n    );\n  }\n});\n"],"names":["VALIDATE_ICON_MAP","validating","LoaderCircle","success","CircleCheck","error","CircleX","warning","CircleAlert","FORM_CONTORS","defineComponent","name","props","formItemProps","setup","prefixCls","useGlobalConfig","addField","removeField","updateAutoLabel","rules","formContextRules","model","fireFormValidate","layout","labelWidth","autoLabelWidth","labelAlign","colon","hideRequiredMark","wrapperWidth","showMessage","formShowMessage","disabled","statusIcon","size","inject","computedLabelWidth","computed","undefined","value","overLabelWidth","document","textWidth","measureTextWidth","label","_width","labelStyle","width","wrapperStyle","style","inFormItem","initialValue","ref","validateState","validateMessage","validateDisabled","watch","val","immediate","validateStatus","validateIcon","fieldValue","prop","getPropByPath","v","showError","getRules","selfRules","requiredRule","required","formRules","concat","getTriggerRule","trigger","filter","rule","isRequired","some","validate","callback","length","descriptor","validator","AsyncValidator","modelData","firstFields","errors","invalidFields","message","resetField","_prop","Array","isArray","o","k","nextTick","clearValidate","onFieldBlur","onFieldChange","provide","FormItemKey","fieldContext","reactive","onMounted","cloneDeep","onBeforeUnmount","render","$slots","labelFor","$props","labelRender","_createVNode","errorRender","stautsRender","UIcon","default","getChildRender","children","getSlot","newChildren","map","child","extraProps","type","includes","cloneVNode","_Fragment","Transition"],"mappings":"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"}

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

@@ -241,7 +241,7 @@ export declare const UForm: {
     colon: boolean;
     showMessage: boolean;
     statusIcon: boolean;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & {
     Item: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         prop: {
             type: StringConstructor;
@@ -300,7 +300,7 @@ export declare const UForm: {
         showError: import("vue").ComputedRef<boolean>;
         validateState: import("vue").Ref<"error" | "success" | "warning" | "validating", "error" | "success" | "warning" | "validating">;
         validateMessage: import("vue").Ref<string, string>;
-        validateIcon: import("vue").ComputedRef<"" | import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+        validateIcon: import("vue").ComputedRef<"" | import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         prop: {
             type: StringConstructor;

package/es/components/Grid/Col.mjs

@@ -64,7 +64,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 6);
 }
-var Col = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Grid\\Col.vue"]]);
+var Col = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Grid/Col.vue"]]);
 
 export { Col as default };
 //# sourceMappingURL=Col.mjs.map

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

@@ -31,9 +31,9 @@ export declare const rowProps: {
         validator: (val: "top" | "bottom" | "stretch" | "middle") => boolean;
     };
     justify: {
-        type: PropType<"start" | "end" | "space-around" | "space-between" | "center">;
+        type: PropType<"end" | "start" | "space-around" | "space-between" | "center">;
         default: string;
-        validator: (val: "start" | "end" | "space-around" | "space-between" | "center") => boolean;
+        validator: (val: "end" | "start" | "space-around" | "space-between" | "center") => boolean;
     };
 };
 export declare type RowProps = ExtractPropTypes<typeof rowProps>;

package/es/components/Grid/Row.mjs

@@ -30,7 +30,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 6);
 }
-var Row = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Grid\\Row.vue"]]);
+var Row = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Grid/Row.vue"]]);
 
 export { Row as default };
 //# sourceMappingURL=Row.mjs.map

package/es/components/Grid/Row.vue.d.ts

@@ -13,9 +13,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         validator: (val: "top" | "bottom" | "stretch" | "middle") => boolean;
     };
     justify: {
-        type: import("vue").PropType<"start" | "end" | "space-around" | "space-between" | "center">;
+        type: import("vue").PropType<"end" | "start" | "space-around" | "space-between" | "center">;
         default: string;
-        validator: (val: "start" | "end" | "space-around" | "space-between" | "center") => boolean;
+        validator: (val: "end" | "start" | "space-around" | "space-between" | "center") => boolean;
     };
 }>, {
     prefixCls: import("vue").ComputedRef<string>;
@@ -36,13 +36,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         validator: (val: "top" | "bottom" | "stretch" | "middle") => boolean;
     };
     justify: {
-        type: import("vue").PropType<"start" | "end" | "space-around" | "space-between" | "center">;
+        type: import("vue").PropType<"end" | "start" | "space-around" | "space-between" | "center">;
         default: string;
-        validator: (val: "start" | "end" | "space-around" | "space-between" | "center") => boolean;
+        validator: (val: "end" | "start" | "space-around" | "space-between" | "center") => boolean;
     };
 }>> & Readonly<{}>, {
     flex: boolean;
-    justify: "start" | "end" | "space-around" | "space-between" | "center";
+    justify: "end" | "start" | "space-around" | "space-between" | "center";
     gutter: import("./Grid.type").GutterType;
     align: "top" | "bottom" | "stretch" | "middle";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;