@koi-design/uxd-ui 12.1.36-beta.0

package/es/_virtual/plugin-vue_export-helper.mjs

@@ -0,0 +1,10 @@
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+export { _export_sfc as default };
+//# sourceMappingURL=plugin-vue_export-helper.mjs.map

package/es/_virtual/plugin-vue_export-helper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin-vue_export-helper.mjs","sources":["../../../build/plugin-vue:export-helper"],"sourcesContent":["\nexport default (sfc, props) => {\n  const target = sfc.__vccOpts || sfc;\n  for (const [key, val] of props) {\n    target[key] = val;\n  }\n  return target;\n}\n"],"names":[],"mappings":"AACA,kBAAe,CAAC,GAAG,EAAE,KAAK,KAAK;AAC/B,EAAE,MAAM,MAAM,GAAG,GAAG,CAAC,SAAS,IAAI,GAAG,CAAC;AACtC,EAAE,KAAK,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,KAAK,EAAE;AAClC,IAAI,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;AACtB,GAAG;AACH,EAAE,OAAO,MAAM,CAAC;AAChB;;;;"}

package/es/components/Affix/Affix.mjs

@@ -0,0 +1,145 @@
+import { defineComponent, ref, computed, watch, onMounted, onBeforeUnmount, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, renderSlot, withDirectives, vShow } from 'vue';
+import { getContainer, addEventListener } from '../../utils/dom.mjs';
+import useGlobalConfig from '../base/hooks/useGlobalConfig.mjs';
+import { affixProps, affixEmits } from './Affix.type.mjs';
+import _export_sfc from '../../_virtual/plugin-vue_export-helper.mjs';
+
+function getScroll(target, top) {
+  const prop = top ? "pageYOffset" : "pageXOffset";
+  const method = top ? "scrollTop" : "scrollLeft";
+  if (target === window) {
+    let ret = target[prop];
+    if (typeof ret !== "number") {
+      ret = window.document.documentElement[method];
+    }
+    return ret;
+  }
+  return target[method];
+}
+function getOffset(element, scrollElement) {
+  const rect = element.getBoundingClientRect();
+  const scrollTop = getScroll(scrollElement, true);
+  const scrollLeft = getScroll(scrollElement);
+  const bodyEl = window.document.body;
+  const clientTop = bodyEl.clientTop || 0;
+  const clientLeft = bodyEl.clientLeft || 0;
+  return {
+    top: rect.top + scrollTop - clientTop,
+    left: rect.left + scrollLeft - clientLeft
+  };
+}
+const _sfc_main = defineComponent({
+  name: "UAffix",
+  props: affixProps,
+  emits: affixEmits,
+  setup(props, { emit }) {
+    const { prefixCls } = useGlobalConfig("affix");
+    const affix = ref(false);
+    const containerRef = ref();
+    const pointRef = ref();
+    const styles = ref();
+    const slotPlaceholderStyle = ref({});
+    const scrollElement = ref();
+    let scrollEvent = null;
+    let resizeEvent = null;
+    const offsetType = computed(() => {
+      let type = "top";
+      if (props.offsetBottom && props.offsetBottom >= 0) {
+        type = "bottom";
+      }
+      return type;
+    });
+    const slotPlaceholderShow = computed(() => {
+      return offsetType.value === "top" && affix.value;
+    });
+    const classes = computed(() => {
+      return [
+        {
+          [`${prefixCls.value}`]: affix.value
+        }
+      ];
+    });
+    watch(affix, (v) => emit("change", v));
+    const handleScroll = () => {
+      if (scrollElement.value && containerRef.value && pointRef.value) {
+        const scrollTop = getScroll(scrollElement.value, true);
+        const elOffset = getOffset(containerRef.value, scrollElement.value);
+        const windowHeight = window.innerHeight;
+        const elHeight = pointRef.value.offsetHeight;
+        const affixTop = () => elOffset.top - props.offsetTop < scrollTop && offsetType.value === "top" && !affix.value;
+        const unfixTop = () => elOffset.top - props.offsetTop > scrollTop && offsetType.value === "top" && affix.value;
+        const affixBottom = () => elOffset.top + (props.offsetBottom || 0) + elHeight > scrollTop + windowHeight && offsetType.value === "bottom" && !affix.value;
+        const unfixBottom = () => elOffset.top + (props.offsetBottom || 0) + elHeight < scrollTop + windowHeight && offsetType.value === "bottom" && affix.value;
+        if (affixTop()) {
+          affix.value = true;
+          styles.value = {
+            top: `${props.offsetTop}px`,
+            left: `${elOffset.left}px`,
+            width: `${containerRef.value.offsetWidth}px`
+          };
+          slotPlaceholderStyle.value = {
+            width: `${pointRef.value.clientWidth}px`,
+            height: `${pointRef.value.clientHeight}px`
+          };
+        } else if (unfixTop()) {
+          affix.value = false;
+          styles.value = void 0;
+          slotPlaceholderStyle.value = {};
+        } else if (affixBottom()) {
+          affix.value = true;
+          styles.value = {
+            bottom: `${props.offsetBottom}px`,
+            left: `${elOffset.left}px`,
+            width: `${containerRef.value.offsetWidth}px`
+          };
+        } else if (unfixBottom()) {
+          affix.value = false;
+          styles.value = void 0;
+        }
+      }
+    };
+    onMounted(() => {
+      scrollElement.value = getContainer(props.container);
+      if (scrollElement.value) {
+        scrollEvent = addEventListener(scrollElement.value, "scroll", handleScroll);
+        resizeEvent = addEventListener(scrollElement.value, "resize", handleScroll);
+        setTimeout(() => {
+          handleScroll();
+        });
+      }
+    });
+    onBeforeUnmount(() => {
+      resizeEvent == null ? void 0 : resizeEvent.remove();
+      scrollEvent == null ? void 0 : scrollEvent.remove();
+    });
+    return {
+      containerRef,
+      pointRef,
+      classes,
+      styles,
+      slotPlaceholderShow,
+      slotPlaceholderStyle
+    };
+  }
+});
+const _hoisted_1 = { ref: "containerRef" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", {
+      ref: "pointRef",
+      class: normalizeClass(_ctx.classes),
+      style: normalizeStyle(_ctx.styles)
+    }, [
+      renderSlot(_ctx.$slots, "default")
+    ], 6),
+    withDirectives(createElementVNode("div", {
+      style: normalizeStyle(_ctx.slotPlaceholderStyle)
+    }, null, 4), [
+      [vShow, _ctx.slotPlaceholderShow]
+    ])
+  ], 512);
+}
+var Affix = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "E:\\br-fe\\uxd-ui\\src\\components\\Affix\\Affix.vue"]]);
+
+export { Affix as default };
+//# sourceMappingURL=Affix.mjs.map

package/es/components/Affix/Affix.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Affix.mjs","sources":["../../../../src/components/Affix/Affix.vue"],"sourcesContent":["<template>\n  <div ref=\"containerRef\">\n    <div ref=\"pointRef\" :class=\"classes\" :style=\"styles\">\n      <slot />\n    </div>\n    <div v-show=\"slotPlaceholderShow\" :style=\"slotPlaceholderStyle\" />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { ref, computed, defineComponent, watch, onMounted, onBeforeUnmount } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport { addEventListener, getContainer } from '../../utils/dom';\nimport type { addEventListenerReturn } from '../../utils/dom';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { affixProps, affixEmits } from './Affix.type';\n\nfunction getScroll(target: HTMLElement | Window, top?: boolean) {\n  const prop = top ? 'pageYOffset' : 'pageXOffset';\n  const method = top ? 'scrollTop' : 'scrollLeft';\n\n  if (target === window) {\n    let ret = target[prop];\n    if (typeof ret !== 'number') {\n      ret = window.document.documentElement[method];\n    }\n    return ret;\n  }\n  return (target as HTMLElement)[method];\n}\n\nfunction getOffset(element: HTMLElement, scrollElement: HTMLElement | Window) {\n  const rect = element.getBoundingClientRect();\n  const scrollTop = getScroll(scrollElement, true);\n  const scrollLeft = getScroll(scrollElement);\n  const bodyEl = window.document.body;\n  const clientTop = bodyEl.clientTop || 0;\n  const clientLeft = bodyEl.clientLeft || 0;\n\n  return {\n    top: rect.top + scrollTop - clientTop,\n    left: rect.left + scrollLeft - clientLeft\n  };\n}\n\nexport default defineComponent({\n  name: 'UAffix',\n  props: affixProps,\n  emits: affixEmits,\n  setup(props, { emit }) {\n    const { prefixCls } = useGlobalConfig('affix');\n    const affix = ref(false);\n    const containerRef = ref<HTMLElement>();\n    const pointRef = ref<HTMLElement>();\n    const styles = ref<CSSProperties | undefined>();\n    const slotPlaceholderStyle = ref({});\n    const scrollElement = ref<HTMLElement | Window | null>();\n    let scrollEvent: addEventListenerReturn | null = null;\n    let resizeEvent: addEventListenerReturn | null = null;\n\n    const offsetType = computed(() => {\n      let type = 'top';\n      if (props.offsetBottom && props.offsetBottom >= 0) {\n        type = 'bottom';\n      }\n      return type;\n    });\n\n    const slotPlaceholderShow = computed(() => {\n      return offsetType.value === 'top' && affix.value;\n    });\n\n    const classes = computed(() => {\n      return [\n        {\n          [`${prefixCls.value}`]: affix.value\n        }\n      ];\n    });\n\n    watch(affix, (v) => emit('change', v));\n\n    const handleScroll = () => {\n      if (scrollElement.value && containerRef.value && pointRef.value) {\n        const scrollTop = getScroll(scrollElement.value, true);\n        const elOffset = getOffset(containerRef.value, scrollElement.value);\n        const windowHeight = window.innerHeight;\n        const elHeight = pointRef.value.offsetHeight;\n        const affixTop = () => elOffset.top - props.offsetTop < scrollTop && offsetType.value === 'top' && !affix.value;\n        const unfixTop = () => elOffset.top - props.offsetTop > scrollTop && offsetType.value === 'top' && affix.value;\n        const affixBottom = () =>\n          elOffset.top + (props.offsetBottom || 0) + elHeight > scrollTop + windowHeight && offsetType.value === 'bottom' && !affix.value;\n        const unfixBottom = () =>\n          elOffset.top + (props.offsetBottom || 0) + elHeight < scrollTop + windowHeight && offsetType.value === 'bottom' && affix.value;\n\n        if (affixTop()) {\n          affix.value = true;\n          styles.value = {\n            top: `${props.offsetTop}px`,\n            left: `${elOffset.left}px`,\n            width: `${containerRef.value.offsetWidth}px`\n          };\n          slotPlaceholderStyle.value = {\n            width: `${pointRef.value.clientWidth}px`,\n            height: `${pointRef.value.clientHeight}px`\n          };\n        } else if (unfixTop()) {\n          affix.value = false;\n          styles.value = undefined;\n          slotPlaceholderStyle.value = {};\n        } else if (affixBottom()) {\n          affix.value = true;\n          styles.value = {\n            bottom: `${props.offsetBottom}px`,\n            left: `${elOffset.left}px`,\n            width: `${containerRef.value.offsetWidth}px`\n          };\n        } else if (unfixBottom()) {\n          affix.value = false;\n          styles.value = undefined;\n        }\n      }\n    };\n\n    onMounted(() => {\n      scrollElement.value = getContainer(props.container);\n      if (scrollElement.value) {\n        scrollEvent = addEventListener(scrollElement.value, 'scroll', handleScroll);\n        resizeEvent = addEventListener(scrollElement.value, 'resize', handleScroll);\n        setTimeout(() => {\n          handleScroll();\n        });\n      }\n    });\n\n    onBeforeUnmount(() => {\n      resizeEvent?.remove();\n      scrollEvent?.remove();\n    });\n\n    return {\n      containerRef,\n      pointRef,\n      classes,\n      styles,\n      slotPlaceholderShow,\n      slotPlaceholderStyle\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_normalizeClass","_normalizeStyle","_renderSlot"],"mappings":"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"}

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

@@ -0,0 +1,21 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+import type Affix from '.';
+import type { GetConfainerFunction } from '../../utils/globalType';
+export declare const affixProps: {
+    offsetTop: {
+        type: NumberConstructor;
+        default: number;
+    };
+    offsetBottom: {
+        type: NumberConstructor;
+    };
+    container: {
+        type: PropType<string | GetConfainerFunction>;
+    };
+};
+export declare type AffixProps = ExtractPropTypes<typeof affixProps>;
+export declare const affixEmits: {
+    change: (v: boolean) => boolean;
+};
+export declare type AffixEmits = typeof affixEmits;
+export declare type AffixInstanceType = InstanceType<typeof Affix>;

package/es/components/Affix/Affix.type.mjs

@@ -0,0 +1,18 @@
+const affixProps = {
+  offsetTop: {
+    type: Number,
+    default: 0
+  },
+  offsetBottom: {
+    type: Number
+  },
+  container: {
+    type: [String, Function]
+  }
+};
+const affixEmits = {
+  change: (v) => typeof v === "boolean"
+};
+
+export { affixEmits, affixProps };
+//# sourceMappingURL=Affix.type.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Affix.type.mjs","sources":["../../../../src/components/Affix/Affix.type.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue';\nimport type Affix from '.';\nimport type { GetConfainerFunction } from '../../utils/globalType';\n\nexport const affixProps = {\n  offsetTop: {\n    type: Number,\n    default: 0\n  },\n  offsetBottom: {\n    type: Number\n  },\n  container: {\n    type: [String, Function] as PropType<string | GetConfainerFunction>\n  }\n};\n\nexport type AffixProps = ExtractPropTypes<typeof affixProps>;\n\nexport const affixEmits = {\n  change: (v: boolean) => typeof v === 'boolean'\n};\n\nexport type AffixEmits = typeof affixEmits;\n\nexport type AffixInstanceType = InstanceType<typeof Affix>;\n"],"names":[],"mappings":"MAIa,aAAa;AAAA,EACxB,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,MAAM;AAAA;AACR,EACA,WAAW;AAAA,IACT,MAAM,CAAC,QAAQ,QAAQ;AAAA;AAE3B;MAIa,aAAa;AAAA,EACxB,QAAQ,CAAC,MAAe,OAAO,MAAM;AACvC;;;;"}

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

@@ -0,0 +1,40 @@
+import type { CSSProperties } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    offsetTop: {
+        type: NumberConstructor;
+        default: number;
+    };
+    offsetBottom: {
+        type: NumberConstructor;
+    };
+    container: {
+        type: import("vue").PropType<string | import("../..").GetConfainerFunction>;
+    };
+}, {
+    containerRef: import("vue").Ref<HTMLElement, HTMLElement>;
+    pointRef: import("vue").Ref<HTMLElement, HTMLElement>;
+    classes: import("vue").ComputedRef<{
+        [x: string]: boolean;
+    }[]>;
+    styles: import("vue").Ref<CSSProperties, CSSProperties>;
+    slotPlaceholderShow: import("vue").ComputedRef<boolean>;
+    slotPlaceholderStyle: import("vue").Ref<{}, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (v: boolean) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    offsetTop: {
+        type: NumberConstructor;
+        default: number;
+    };
+    offsetBottom: {
+        type: NumberConstructor;
+    };
+    container: {
+        type: import("vue").PropType<string | import("../..").GetConfainerFunction>;
+    };
+}>> & {
+    onChange?: (v: boolean) => any;
+}, {
+    offsetTop: number;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,104 @@
+export declare const UAffix: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        offsetTop: {
+            type: NumberConstructor;
+            default: number;
+        };
+        offsetBottom: {
+            type: NumberConstructor;
+        };
+        container: {
+            type: import("vue").PropType<string | import("../..").GetConfainerFunction>;
+        };
+    }>> & {
+        onChange?: (v: boolean) => any;
+    }, {
+        containerRef: import("vue").Ref<HTMLElement, HTMLElement>;
+        pointRef: import("vue").Ref<HTMLElement, HTMLElement>;
+        classes: import("vue").ComputedRef<{
+            [x: string]: boolean;
+        }[]>;
+        styles: import("vue").Ref<import("vue").CSSProperties, import("vue").CSSProperties>;
+        slotPlaceholderShow: import("vue").ComputedRef<boolean>;
+        slotPlaceholderStyle: import("vue").Ref<{}, {}>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        change: (v: boolean) => boolean;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        offsetTop: {
+            type: NumberConstructor;
+            default: number;
+        };
+        offsetBottom: {
+            type: NumberConstructor;
+        };
+        container: {
+            type: import("vue").PropType<string | import("../..").GetConfainerFunction>;
+        };
+    }>> & {
+        onChange?: (v: boolean) => any;
+    }, {
+        offsetTop: number;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        offsetTop: {
+            type: NumberConstructor;
+            default: number;
+        };
+        offsetBottom: {
+            type: NumberConstructor;
+        };
+        container: {
+            type: import("vue").PropType<string | import("../..").GetConfainerFunction>;
+        };
+    }>> & {
+        onChange?: (v: boolean) => any;
+    }, {
+        containerRef: import("vue").Ref<HTMLElement, HTMLElement>;
+        pointRef: import("vue").Ref<HTMLElement, HTMLElement>;
+        classes: import("vue").ComputedRef<{
+            [x: string]: boolean;
+        }[]>;
+        styles: import("vue").Ref<import("vue").CSSProperties, import("vue").CSSProperties>;
+        slotPlaceholderShow: import("vue").ComputedRef<boolean>;
+        slotPlaceholderStyle: import("vue").Ref<{}, {}>;
+    }, {}, {}, {}, {
+        offsetTop: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    offsetTop: {
+        type: NumberConstructor;
+        default: number;
+    };
+    offsetBottom: {
+        type: NumberConstructor;
+    };
+    container: {
+        type: import("vue").PropType<string | import("../..").GetConfainerFunction>;
+    };
+}>> & {
+    onChange?: (v: boolean) => any;
+}, {
+    containerRef: import("vue").Ref<HTMLElement, HTMLElement>;
+    pointRef: import("vue").Ref<HTMLElement, HTMLElement>;
+    classes: import("vue").ComputedRef<{
+        [x: string]: boolean;
+    }[]>;
+    styles: import("vue").Ref<import("vue").CSSProperties, import("vue").CSSProperties>;
+    slotPlaceholderShow: import("vue").ComputedRef<boolean>;
+    slotPlaceholderStyle: import("vue").Ref<{}, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (v: boolean) => boolean;
+}, string, {
+    offsetTop: number;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+export default UAffix;
+export * from './Affix.type';

package/es/components/Affix/index.mjs

@@ -0,0 +1,8 @@
+import Affix from './Affix.mjs';
+import { withInstall } from '../../utils/install.mjs';
+export { affixEmits, affixProps } from './Affix.type.mjs';
+
+const UAffix = withInstall(Affix);
+
+export { UAffix, UAffix as default };
+//# sourceMappingURL=index.mjs.map

package/es/components/Affix/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../src/components/Affix/index.ts"],"sourcesContent":["import Affix from './Affix.vue';\nimport { withInstall } from '../../utils/install';\n\nexport const UAffix = withInstall(Affix);\n\nexport default UAffix;\n\nexport * from './Affix.type';\n"],"names":[],"mappings":";;;;MAGa,SAAS,YAAY,KAAK;;;;"}

package/es/components/Affix/style/index.d.ts

@@ -0,0 +1 @@
+import '@koi-design/uxd-ui/styles/components/affix/index.less';

package/es/components/Affix/style/index.mjs

@@ -0,0 +1,2 @@
+import '@koi-design/uxd-ui/styles/components/affix/index.less';
+//# sourceMappingURL=index.mjs.map

package/es/components/Affix/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/components/Alert/Alert.mjs

@@ -0,0 +1,137 @@
+import { URoundClose, USolidCheckmarkCircle, USolidCloseCircle, USolidAlertCircle, USolidInfoCircle } from '@koi-design/uxd-icon';
+import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createBlock, Transition, withCtx, createElementBlock, normalizeClass, createVNode, resolveDynamicComponent, createCommentVNode, createElementVNode, renderSlot, toDisplayString } from 'vue';
+import { UIcon } from '../Icon/index.mjs';
+import useGlobalConfig from '../base/hooks/useGlobalConfig.mjs';
+import { alertProps, alertEmits } from './Alert.type.mjs';
+import _export_sfc from '../../_virtual/plugin-vue_export-helper.mjs';
+
+const _sfc_main = defineComponent({
+  name: "UAlert",
+  components: {
+    UIcon,
+    URoundClose
+  },
+  props: alertProps,
+  emits: alertEmits,
+  setup(props, { emit }) {
+    const { prefixCls } = useGlobalConfig("alert");
+    const stateVisible = ref(props.visible);
+    const iconType = computed(() => {
+      switch (props.type) {
+        case "success":
+          return USolidCheckmarkCircle;
+        case "info":
+          return USolidInfoCircle;
+        case "warning":
+          return USolidAlertCircle;
+        case "error":
+          return USolidCloseCircle;
+        default:
+          return USolidCheckmarkCircle;
+      }
+    });
+    const handleClose = (e) => {
+      e.stopPropagation();
+      emit("close", e);
+      stateVisible.value = false;
+      emit("update:visible", false);
+    };
+    watch(
+      () => props.visible,
+      (val) => {
+        stateVisible.value = val;
+      }
+    );
+    const onTransitionOver = () => {
+      if (!stateVisible.value && props.afterClose) {
+        props.afterClose();
+      }
+    };
+    const computedColor = computed(() => {
+      switch (props.type) {
+        case "info":
+          return "blue";
+        case "error":
+          return "red";
+        case "warning":
+          return "orange";
+        case "success":
+          return "green";
+        default:
+          return void 0;
+      }
+    });
+    return {
+      prefixCls,
+      iconType,
+      stateVisible,
+      handleClose,
+      onTransitionOver,
+      computedColor
+    };
+  }
+});
+const _hoisted_1 = ["data-color"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_UIcon = resolveComponent("UIcon");
+  const _component_URoundClose = resolveComponent("URoundClose");
+  return openBlock(), createBlock(Transition, {
+    name: "fade",
+    onAfterLeave: _ctx.onTransitionOver
+  }, {
+    default: withCtx(() => [
+      _ctx.stateVisible ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass([
+          _ctx.prefixCls,
+          `${_ctx.prefixCls}-${_ctx.type}`,
+          {
+            [`${_ctx.prefixCls}-with-icon`]: _ctx.showIcon,
+            [`${_ctx.prefixCls}-with-desc`]: _ctx.description,
+            [`${_ctx.prefixCls}-with-banner`]: _ctx.banner
+          }
+        ]),
+        "data-color": _ctx.computedColor
+      }, [
+        _ctx.showIcon ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: normalizeClass(`${_ctx.prefixCls}-icon`)
+        }, [
+          createVNode(_component_UIcon, null, {
+            default: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon || _ctx.iconType)))
+            ]),
+            _: 1
+          })
+        ], 2)) : createCommentVNode("v-if", true),
+        createElementVNode("span", {
+          class: normalizeClass(`${_ctx.prefixCls}-message`)
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2),
+        createElementVNode("span", {
+          class: normalizeClass(`${_ctx.prefixCls}-desc`)
+        }, toDisplayString(_ctx.description), 3),
+        _ctx.closable ? (openBlock(), createElementBlock("a", {
+          key: 1,
+          class: normalizeClass(`${_ctx.prefixCls}-close`),
+          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
+        }, [
+          renderSlot(_ctx.$slots, "close", {}, () => [
+            createVNode(_component_UIcon, null, {
+              default: withCtx(() => [
+                createVNode(_component_URoundClose)
+              ]),
+              _: 1
+            })
+          ])
+        ], 2)) : createCommentVNode("v-if", true)
+      ], 10, _hoisted_1)) : createCommentVNode("v-if", true)
+    ]),
+    _: 3
+  }, 8, ["onAfterLeave"]);
+}
+var Alert = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "E:\\br-fe\\uxd-ui\\src\\components\\Alert\\Alert.vue"]]);
+
+export { Alert as default };
+//# sourceMappingURL=Alert.mjs.map

package/es/components/Alert/Alert.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.mjs","sources":["../../../../src/components/Alert/Alert.vue"],"sourcesContent":["<template>\n  <transition name=\"fade\" @after-leave=\"onTransitionOver\">\n    <div\n      v-if=\"stateVisible\"\n      :class=\"[\n        prefixCls,\n        `${prefixCls}-${type}`,\n        {\n          [`${prefixCls}-with-icon`]: showIcon,\n          [`${prefixCls}-with-desc`]: description,\n          [`${prefixCls}-with-banner`]: banner\n        }\n      ]\"\n      :data-color=\"computedColor\"\n    >\n      <span v-if=\"showIcon\" :class=\"`${prefixCls}-icon`\">\n        <UIcon>\n          <component :is=\"icon || iconType\" />\n        </UIcon>\n      </span>\n      <span :class=\"`${prefixCls}-message`\"><slot /></span>\n      <span :class=\"`${prefixCls}-desc`\"> {{ description }} </span>\n      <a v-if=\"closable\" :class=\"`${prefixCls}-close`\" @click=\"handleClose\">\n        <slot name=\"close\">\n          <UIcon>\n            <URoundClose />\n          </UIcon>\n        </slot>\n      </a>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport { URoundClose, USolidCheckmarkCircle, USolidInfoCircle, USolidAlertCircle, USolidCloseCircle } from '@koi-design/uxd-icon';\nimport { defineComponent, computed, ref, watch } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { alertProps, alertEmits } from './Alert.type';\n\nexport default defineComponent({\n  name: 'UAlert',\n  components: {\n    UIcon,\n    URoundClose\n  },\n  props: alertProps,\n  emits: alertEmits,\n  setup(props, { emit }) {\n    const { prefixCls } = useGlobalConfig('alert');\n    const stateVisible = ref(props.visible);\n    const iconType = computed(() => {\n      switch (props.type) {\n        case 'success':\n          return USolidCheckmarkCircle;\n\n        case 'info':\n          return USolidInfoCircle;\n\n        case 'warning':\n          return USolidAlertCircle;\n\n        case 'error':\n          return USolidCloseCircle;\n\n        default:\n          return USolidCheckmarkCircle;\n      }\n    });\n    const handleClose = (e: Event) => {\n      e.stopPropagation();\n      emit('close', e);\n      stateVisible.value = false;\n      emit('update:visible', false);\n    };\n\n    watch(\n      () => props.visible,\n      (val) => {\n        stateVisible.value = val;\n      }\n    );\n\n    const onTransitionOver = () => {\n      if (!stateVisible.value && props.afterClose) {\n        props.afterClose();\n      }\n    };\n\n    const computedColor = computed(() => {\n      switch (props.type) {\n        case 'info':\n          return 'blue';\n        case 'error':\n          return 'red';\n        case 'warning':\n          return 'orange';\n        case 'success':\n          return 'green';\n        default:\n          return undefined;\n      }\n    });\n\n    return {\n      prefixCls,\n      iconType,\n      stateVisible,\n      handleClose,\n      onTransitionOver,\n      computedColor\n    };\n  }\n});\n</script>\n"],"names":["_createBlock","_Transition","_createElementBlock","_normalizeClass","_createVNode","_resolveDynamicComponent","_createElementVNode","_renderSlot"],"mappings":";;;;;;;AAwCA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA;AACF,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM,OAAO,EAAE,QAAQ;UACf,EAAE,cAAc,gBAAgB,OAAO;UACvC,eAAe,IAAI,MAAM,OAAO;UAChC,WAAW,SAAS,MAAM;cACtB,MAAM;AAAA,aACP;iBACI;AAAA,aAEJ;iBACI;AAAA,aAEJ;iBACI;AAAA,aAEJ;iBACI;AAAA;iBAGA;AAAA;AAAA,KAEZ;UACK,cAAc,CAAC,MAAa;QAC9B;WACG,SAAS,CAAC;mBACF,QAAQ;WAChB,kBAAkB,KAAK;AAAA;;MAI5B,MAAM,MAAM;AAAA,MACZ,CAAC,QAAQ;qBACM,QAAQ;AAAA;AACvB;UAGI,mBAAmB,MAAM;UACzB,CAAC,aAAa,SAAS,MAAM,YAAY;cACrC;AAAW;AACnB;UAGI,gBAAgB,SAAS,MAAM;cAC3B,MAAM;AAAA,aACP;iBACI;AAAA,aACJ;iBACI;AAAA,aACJ;iBACI;AAAA,aACJ;iBACI;AAAA;iBAEA;AAAA;AAAA,KAEZ;WAEM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;;sBAhHCA,YA6BaC;IA7BD,MAAK;AAAA,IAAQ,cAAa;;qBACpC,MA2BM;AAAA,MA1BE,kCADRC,mBA2BM;;QAzBH,OAAKC;UAAY;aAAsB,kBAAa;;gBAAgC,6BAAwB;gBAAwB,6BAAwB;gBAA2B,+BAA0B;;;QASjN,cAAY;;QAED,8BAAZD,mBAIO;;UAJgB,OAAKC,kBAAK,qBAAS;AAAA;UACxCC,YAEQ;6BADN,MAAoC;AAAA,4BAApCJ,YAAoCK,wBAApB,aAAQ,aAAQ;;;;;QAGpCC,mBAAqD;UAA9C,OAAKH,kBAAK,wBAAS;AAAA;UAAYI,WAAQ;;QAC9CD,mBAA6D;UAAtD,OAAKH,kBAAK,qBAAS;AAAA,2BAAa,gBAAW;QACzC,8BAATD,mBAMI;;UANgB,OAAKC,kBAAK,sBAAS;AAAA,UAAW,SAAK,uCAAE;;UACvDI,WAIO,0BAJP,MAIO;AAAA,YAHLH,YAEQ;+BADN,MAAe;AAAA,gBAAfA,YAAe;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,44 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+import type { IconPropType } from '../../utils/globalType';
+import type Alert from './Alert.vue';
+export declare const alertType: readonly ["success", "info", "warning", "error"];
+export declare type AlertType = (typeof alertType)[number];
+export declare const alertProps: {
+    type: {
+        type: PropType<"error" | "success" | "info" | "warning">;
+        validator: (val: "error" | "success" | "info" | "warning") => boolean;
+        default: string;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    afterClose: {
+        type: PropType<() => void>;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: {
+        type: PropType<IconPropType>;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    banner: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export declare type AlertProps = ExtractPropTypes<typeof alertProps>;
+export declare const alertEmits: {
+    close: (e: Event) => boolean;
+    'update:visible': (v: boolean) => boolean;
+};
+export declare type AlertInstanceType = InstanceType<typeof Alert>;

package/es/components/Alert/Alert.type.mjs

@@ -0,0 +1,43 @@
+import { oneOf } from '../../utils/propsValidators.mjs';
+
+const alertType = ["success", "info", "warning", "error"];
+const alertProps = {
+  type: {
+    type: String,
+    validator: oneOf(alertType),
+    default: "warning"
+  },
+  closable: {
+    type: Boolean,
+    default: false
+  },
+  afterClose: {
+    type: Function
+  },
+  showIcon: {
+    type: Boolean,
+    default: false
+  },
+  icon: {
+    type: [String, Object]
+  },
+  description: {
+    type: String,
+    default: ""
+  },
+  banner: {
+    type: Boolean,
+    default: false
+  },
+  visible: {
+    type: Boolean,
+    default: true
+  }
+};
+const alertEmits = {
+  close: (e) => e instanceof Event,
+  "update:visible": (v) => typeof v === "boolean"
+};
+
+export { alertEmits, alertProps, alertType };
+//# sourceMappingURL=Alert.type.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.type.mjs","sources":["../../../../src/components/Alert/Alert.type.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue';\nimport type { IconPropType } from '../../utils/globalType';\nimport { oneOf } from '../../utils/propsValidators';\nimport type Alert from './Alert.vue';\n\nexport const alertType = ['success', 'info', 'warning', 'error'] as const;\n\nexport type AlertType = (typeof alertType)[number];\n\nexport const alertProps = {\n  type: {\n    type: String as PropType<AlertType>,\n    validator: oneOf(alertType),\n    default: 'warning'\n  },\n  closable: {\n    type: Boolean,\n    default: false\n  },\n  afterClose: {\n    type: Function as PropType<() => void>\n  },\n  showIcon: {\n    type: Boolean,\n    default: false\n  },\n  icon: {\n    type: [String, Object] as PropType<IconPropType>\n  },\n  description: {\n    type: String,\n    default: ''\n  },\n  banner: {\n    type: Boolean,\n    default: false\n  },\n  visible: {\n    type: Boolean,\n    default: true\n  }\n};\n\nexport type AlertProps = ExtractPropTypes<typeof alertProps>;\n\nexport const alertEmits = {\n  close: (e: Event) => e instanceof Event,\n  'update:visible': (v: boolean) => typeof v === 'boolean'\n};\n\nexport type AlertInstanceType = InstanceType<typeof Alert>;\n"],"names":[],"mappings":";;MAKa,YAAY,CAAC,WAAW,QAAQ,WAAW,OAAO;MAIlD,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,WAAW,MAAM,SAAS;AAAA,IAC1B,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM;AAAA;AACR,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM,CAAC,QAAQ,MAAM;AAAA;AACvB,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;MAIa,aAAa;AAAA,EACxB,OAAO,CAAC,MAAa,aAAa;AAAA,EAClC,kBAAkB,CAAC,MAAe,OAAO,MAAM;AACjD;;;;"}