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

package/es/utils/warn.d.ts

@@ -0,0 +1,2 @@
+declare let warn: (msg: string, type?: string) => void;
+export default warn;

package/es/utils/warn.mjs

@@ -0,0 +1,14 @@
+const noop = (msg, type) => {
+};
+let warn = noop;
+if (process.env.NODE_ENV !== "production") {
+  warn = (msg, type = "warning") => {
+    console.warn(`[${type}]: ${msg}`);
+  };
+} else {
+  warn = noop;
+}
+var warning = warn;
+
+export { warning as default };
+//# sourceMappingURL=warn.mjs.map

package/es/utils/warn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"warn.mjs","sources":["../../../src/utils/warn.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst noop = (msg: string, type?: string): void => {};\n// eslint-disable-next-line import/no-mutable-exports\nlet warn = noop;\n\nif (process.env.NODE_ENV !== 'production') {\n  warn = (msg, type = 'warning') => {\n    console.warn(`[${type}]: ${msg}`);\n  };\n} else {\n  warn = noop;\n}\n\nexport default warn;\n"],"names":[],"mappings":"AACA,MAAM,OAAO,CAAC,KAAa,SAAwB;AAAC;AAEpD,IAAI,OAAO;AAEX,IAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,SAAO,CAAC,KAAK,OAAO,cAAc;AAChC,YAAQ,KAAK,IAAI,UAAU,KAAK;AAAA;AAEpC,OAAO;AACL,SAAO;AACT;AAEA,cAAe;;;;"}

package/global.d.ts

@@ -0,0 +1,112 @@
+declare module 'vue' {
+  export interface GlobalComponents {
+    UAffix: typeof import('@koi-design/uxd-ui')['UAffix'],
+    UAlert: typeof import('@koi-design/uxd-ui')['UAlert'],
+    UAutoComplete: typeof import('@koi-design/uxd-ui')['UAutoComplete'],
+    UOptionGroup: typeof import('@koi-design/uxd-ui')['UOptionGroup'],
+    UOption: typeof import('@koi-design/uxd-ui')['UOption'],
+    UAvatar: typeof import('@koi-design/uxd-ui')['UAvatar'],
+    UAvatarGroup: typeof import('@koi-design/uxd-ui')['UAvatarGroup'],
+    UAnchor: typeof import('@koi-design/uxd-ui')['UAnchor'],
+    UAnchorLink: typeof import('@koi-design/uxd-ui')['UAnchorLink'],
+    UBackTop: typeof import('@koi-design/uxd-ui')['UBackTop'],
+    UBadge: typeof import('@koi-design/uxd-ui')['UBadge'],
+    UBreadcrumb: typeof import('@koi-design/uxd-ui')['UBreadcrumb'],
+    UBreadcrumbItem: typeof import('@koi-design/uxd-ui')['UBreadcrumbItem'],
+    UButton: typeof import('@koi-design/uxd-ui')['UButton'],
+    UButtonGroup: typeof import('@koi-design/uxd-ui')['UButtonGroup'],
+    UCalendar: typeof import('@koi-design/uxd-ui')['UCalendar'],
+    UCard: typeof import('@koi-design/uxd-ui')['UCard'],
+    UCardGrid: typeof import('@koi-design/uxd-ui')['UCardGrid'],
+    UCardMeta: typeof import('@koi-design/uxd-ui')['UCardMeta'],
+    UCarousel: typeof import('@koi-design/uxd-ui')['UCarousel'],
+    UCarouselItem: typeof import('@koi-design/uxd-ui')['UCarouselItem'],
+    UCascader: typeof import('@koi-design/uxd-ui')['UCascader'],
+    UCheckbox: typeof import('@koi-design/uxd-ui')['UCheckbox'],
+    UCheckboxGroup: typeof import('@koi-design/uxd-ui')['UCheckboxGroup'],
+    UComment: typeof import('@koi-design/uxd-ui')['UComment'],
+    UCollapse: typeof import('@koi-design/uxd-ui')['UCollapse'],
+    UColorPicker: typeof import('@koi-design/uxd-ui')['UColorPicker'],
+    UConfigProvider: typeof import('@koi-design/uxd-ui')['UConfigProvider'],
+    UDatePicker: typeof import('@koi-design/uxd-ui')['UDatePicker'],
+    UDivider: typeof import('@koi-design/uxd-ui')['UDivider'],
+    UDrawer: typeof import('@koi-design/uxd-ui')['UDrawer'],
+    UDropdown: typeof import('@koi-design/uxd-ui')['UDropdown'],
+    UEmpty: typeof import('@koi-design/uxd-ui')['UEmpty'],
+    UForm: typeof import('@koi-design/uxd-ui')['UForm'],
+    UFormItem: typeof import('@koi-design/uxd-ui')['UFormItem'],
+    UGrid: typeof import('@koi-design/uxd-ui')['UGrid'],
+    URow: typeof import('@koi-design/uxd-ui')['URow'],
+    UCol: typeof import('@koi-design/uxd-ui')['UCol'],
+    UIcon: typeof import('@koi-design/uxd-ui')['UIcon'],
+    UImage: typeof import('@koi-design/uxd-ui')['UImage'],
+    UImageViewer: typeof import('@koi-design/uxd-ui')['UImageViewer'],
+    UInfiniteScroll: typeof import('@koi-design/uxd-ui')['UInfiniteScroll'],
+    UInfoView: typeof import('@koi-design/uxd-ui')['UInfoView'],
+    UInput: typeof import('@koi-design/uxd-ui')['UInput'],
+    UInputNumber: typeof import('@koi-design/uxd-ui')['UInputNumber'],
+    ULayout: typeof import('@koi-design/uxd-ui')['ULayout'],
+    UHeader: typeof import('@koi-design/uxd-ui')['UHeader'],
+    USider: typeof import('@koi-design/uxd-ui')['USider'],
+    UContent: typeof import('@koi-design/uxd-ui')['UContent'],
+    UFooter: typeof import('@koi-design/uxd-ui')['UFooter'],
+    ULink: typeof import('@koi-design/uxd-ui')['ULink'],
+    UList: typeof import('@koi-design/uxd-ui')['UList'],
+    UListItem: typeof import('@koi-design/uxd-ui')['UListItem'],
+    UListItemMeta: typeof import('@koi-design/uxd-ui')['UListItemMeta'],
+    UMenu: typeof import('@koi-design/uxd-ui')['UMenu'],
+    UMenuItem: typeof import('@koi-design/uxd-ui')['UMenuItem'],
+    USubMenu: typeof import('@koi-design/uxd-ui')['USubMenu'],
+    UMenuItemGroup: typeof import('@koi-design/uxd-ui')['UMenuItemGroup'],
+    UMenuDivider: typeof import('@koi-design/uxd-ui')['UMenuDivider'],
+    UPageHeader: typeof import('@koi-design/uxd-ui')['UPageHeader'],
+    UPagination: typeof import('@koi-design/uxd-ui')['UPagination'],
+    UPopConfirm: typeof import('@koi-design/uxd-ui')['UPopConfirm'],
+    UPopover: typeof import('@koi-design/uxd-ui')['UPopover'],
+    UProgress: typeof import('@koi-design/uxd-ui')['UProgress'],
+    URadio: typeof import('@koi-design/uxd-ui')['URadio'],
+    URadioGroup: typeof import('@koi-design/uxd-ui')['URadioGroup'],
+    URate: typeof import('@koi-design/uxd-ui')['URate'],
+    UResult: typeof import('@koi-design/uxd-ui')['UResult'],
+    USelect: typeof import('@koi-design/uxd-ui')['USelect'],
+    USkeleton: typeof import('@koi-design/uxd-ui')['USkeleton'],
+    USlider: typeof import('@koi-design/uxd-ui')['USlider'],
+    USpace: typeof import('@koi-design/uxd-ui')['USpace'],
+    USpin: typeof import('@koi-design/uxd-ui')['USpin'],
+    UStatistic: typeof import('@koi-design/uxd-ui')['UStatistic'],
+    USteps: typeof import('@koi-design/uxd-ui')['USteps'],
+    USwitch: typeof import('@koi-design/uxd-ui')['USwitch'],
+    UTable: typeof import('@koi-design/uxd-ui')['UTable'],
+    UTabs: typeof import('@koi-design/uxd-ui')['UTabs'],
+    UTabPane: typeof import('@koi-design/uxd-ui')['UTabPane'],
+    UTabNav: typeof import('@koi-design/uxd-ui')['UTabNav'],
+    UTag: typeof import('@koi-design/uxd-ui')['UTag'],
+    UTimeline: typeof import('@koi-design/uxd-ui')['UTimeline'],
+    UTimelineItem: typeof import('@koi-design/uxd-ui')['UTimelineItem'],
+    UTimePicker: typeof import('@koi-design/uxd-ui')['UTimePicker'],
+    UTooltip: typeof import('@koi-design/uxd-ui')['UTooltip'],
+    UTransfer: typeof import('@koi-design/uxd-ui')['UTransfer'],
+    UTree: typeof import('@koi-design/uxd-ui')['UTree'],
+    UTreeSelect: typeof import('@koi-design/uxd-ui')['UTreeSelect'],
+    UUpload: typeof import('@koi-design/uxd-ui')['UUpload'],
+    UModal: typeof import('@koi-design/uxd-ui')['UModal'],
+
+    message: typeof import('@koi-design/uxd-ui')['message'],
+    loadingBar: typeof import('@koi-design/uxd-ui')['loadingBar'],
+    notice: typeof import('@koi-design/uxd-ui')['notice'],
+  }
+
+  export type NormalSize = 'small'
+}
+
+declare module '@vue/runtime-core' {
+  interface ComponentCustomProperties {
+    $message: typeof import('@koi-design/uxd-ui')['message'];
+    $loadingBar: typeof import('@koi-design/uxd-ui')['loadingBar'];
+    $notice: typeof import('@koi-design/uxd-ui')['notice'];
+    $modal: typeof import('@koi-design/uxd-ui')['UModal'];
+  }
+}
+
+
+export {};

package/lang/en-us.js

@@ -0,0 +1,140 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var enUs = {
+  locale: "en-us",
+  empty: {
+    text: "No Data"
+  },
+  table: {
+    noDataText: "NO DATA",
+    notFoundText: "NOT FOUND",
+    selectAll: "Select All",
+    selectInvert: "Select Invert",
+    removeAll: "Deselect All",
+    filterConfirm: "OK",
+    filterReset: "Reset",
+    allFilters: "All"
+  },
+  datePicker: {
+    now: "Now",
+    today: "Today",
+    cancel: "Cancel",
+    clear: "Clear",
+    confirm: "Confirm",
+    selectDate: "Select Date",
+    selectTime: "Select Time",
+    startDate: "Start Date",
+    startTime: "Start Time",
+    startMonth: "Start Month",
+    startYear: "Start Year",
+    startWeek: "Start Week",
+    startQuarter: "Start Quarter",
+    endDate: "End Date",
+    endTime: "End Time",
+    endMonth: "End Month",
+    endYear: "End Year",
+    endWeek: "End Week",
+    endQuarter: "End Quarter",
+    prevYear: "Last year",
+    nextYear: "Next year",
+    prevMonth: "Last month",
+    nextMonth: "Next month",
+    year: "",
+    month: "",
+    date: "",
+    yearFormat: "YYYY",
+    dateFormat: "YYYY-MM-DD",
+    dayFormat: "D",
+    dateTimeFormat: "YYYY-MM-DD HH:mm:ss",
+    monthBeforeYear: true,
+    weeks: {
+      sun: "Su",
+      mon: "Mo",
+      tue: "Tu",
+      wed: "We",
+      thu: "Th",
+      fri: "Fr",
+      sat: "Sa"
+    },
+    months: {
+      jan: "Jan",
+      feb: "Feb",
+      mar: "Mar",
+      apr: "Apr",
+      may: "May",
+      jun: "Jun",
+      jul: "Jul",
+      aug: "Aug",
+      sep: "Sep",
+      oct: "Oct",
+      nov: "Nov",
+      dec: "Dec"
+    }
+  },
+  pagination: {
+    jumpTo: "Go To",
+    page: "Page",
+    total: "Total",
+    item: "",
+    prevPage: "Previous Page",
+    nextPage: "Next Page",
+    prev5: "Previous 5 Pages",
+    next5: "Next 5 Pages"
+  },
+  modal: {
+    okText: "Ok",
+    cancelText: "Cancel",
+    justOkText: "I know"
+  },
+  colorPicker: {
+    clear: "Clear",
+    ok: "Ok"
+  },
+  transfer: {
+    itemUnit: "Item",
+    itemsUnit: "Items",
+    notFoundContent: "NO DATA",
+    searchPlaceholder: "Please search"
+  },
+  select: {
+    loadingText: "Loading...",
+    selectAll: "Select All"
+  },
+  cascader: {
+    loadingText: "Loading..."
+  },
+  popConfirm: {
+    okText: "Yes",
+    cancelText: "No"
+  },
+  image: {
+    error: "Loading Failed",
+    loading: "Loading"
+  },
+  autoComplete: {
+    loading: "Loading"
+  },
+  checkboxGroup: {
+    loadingText: "Loading"
+  },
+  themePanel: {
+    title: "Theme Setting",
+    light: "Light",
+    dark: "Dark",
+    themeColor: "Theme Color",
+    appearance: "Appearance",
+    radius: "Radius",
+    direction: "Direction",
+    none: "None",
+    small: "Small",
+    medium: "Medium",
+    large: "Large",
+    full: "Full",
+    rtl: "RTL",
+    ltr: "LTR"
+  }
+};
+
+exports["default"] = enUs;

package/lang/zh-cn.js

@@ -0,0 +1,140 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var zhCn = {
+  locale: "zh-cn",
+  empty: {
+    text: "\u6682\u65E0\u6570\u636E"
+  },
+  table: {
+    noDataText: "\u6682\u65E0\u6570\u636E",
+    notFoundText: "\u6682\u65E0\u7B5B\u9009\u7ED3\u679C",
+    selectAll: "\u5168\u9009",
+    selectInvert: "\u53CD\u9009",
+    removeAll: "\u53D6\u6D88\u5168\u9009",
+    filterConfirm: "\u786E\u8BA4",
+    filterReset: "\u91CD\u7F6E",
+    allFilters: "\u5168\u90E8"
+  },
+  datePicker: {
+    now: "\u6B64\u523B",
+    today: "\u4ECA\u5929",
+    cancel: "\u53D6\u6D88",
+    clear: "\u6E05\u7A7A",
+    confirm: "\u786E\u5B9A",
+    selectDate: "\u9009\u62E9\u65E5\u671F",
+    selectTime: "\u9009\u62E9\u65F6\u95F4",
+    startDate: "\u5F00\u59CB\u65E5\u671F",
+    startTime: "\u5F00\u59CB\u65F6\u95F4",
+    startMonth: "\u5F00\u59CB\u6708\u4EFD",
+    startYear: "\u5F00\u59CB\u5E74\u4EFD",
+    startWeek: "\u5F00\u59CB\u5468",
+    startQuarter: "\u5F00\u59CB\u5B63\u5EA6",
+    endDate: "\u7ED3\u675F\u65E5\u671F",
+    endTime: "\u7ED3\u675F\u65F6\u95F4",
+    endMonth: "\u7ED3\u675F\u6708\u4EFD",
+    endYear: "\u7ED3\u675F\u5E74\u4EFD",
+    endWeek: "\u7ED3\u675F\u5468",
+    endQuarter: "\u7ED3\u675F\u5B63\u5EA6",
+    prevYear: "\u524D\u4E00\u5E74",
+    nextYear: "\u540E\u4E00\u5E74",
+    prevMonth: "\u4E0A\u4E2A\u6708",
+    nextMonth: "\u4E0B\u4E2A\u6708",
+    year: "\u5E74",
+    month: "\u6708",
+    date: "\u65E5",
+    yearFormat: "YYYY",
+    dateFormat: "YYYY-MM-DD",
+    dayFormat: "D",
+    dateTimeFormat: "YYYY-MM-DD HH:mm:ss",
+    monthBeforeYear: false,
+    weeks: {
+      sun: "\u65E5",
+      mon: "\u4E00",
+      tue: "\u4E8C",
+      wed: "\u4E09",
+      thu: "\u56DB",
+      fri: "\u4E94",
+      sat: "\u516D"
+    },
+    months: {
+      jan: "1\u6708",
+      feb: "2\u6708",
+      mar: "3\u6708",
+      apr: "4\u6708",
+      may: "5\u6708",
+      jun: "6\u6708",
+      jul: "7\u6708",
+      aug: "8\u6708",
+      sep: "9\u6708",
+      oct: "10\u6708",
+      nov: "11\u6708",
+      dec: "12\u6708"
+    }
+  },
+  pagination: {
+    jumpTo: "\u8DF3\u81F3",
+    page: "\u9875",
+    total: "\u5171",
+    item: "\u6761",
+    prevPage: "\u4E0A\u4E00\u9875",
+    nextPage: "\u4E0B\u4E00\u9875",
+    prev5: "\u5411\u524D 5 \u9875",
+    next5: "\u5411\u540E 5 \u9875"
+  },
+  modal: {
+    okText: "\u786E\u5B9A",
+    cancelText: "\u53D6\u6D88",
+    justOkText: "\u77E5\u9053\u4E86"
+  },
+  colorPicker: {
+    clear: "\u6E05\u7A7A",
+    ok: "\u786E\u5B9A"
+  },
+  transfer: {
+    itemUnit: "\u9879",
+    itemsUnit: "\u9879",
+    notFoundContent: "\u6682\u65E0\u6570\u636E",
+    searchPlaceholder: "\u8BF7\u8F93\u5165\u641C\u7D22\u5185\u5BB9"
+  },
+  select: {
+    loadingText: "\u52A0\u8F7D\u4E2D...",
+    selectAll: "\u5168\u9009"
+  },
+  cascader: {
+    loadingText: "\u52A0\u8F7D\u4E2D..."
+  },
+  popConfirm: {
+    okText: "\u662F",
+    cancelText: "\u5426"
+  },
+  image: {
+    error: "\u52A0\u8F7D\u5931\u8D25",
+    loading: "\u6B63\u5728\u52A0\u8F7D"
+  },
+  autoComplete: {
+    loading: "\u6B63\u5728\u52A0\u8F7D"
+  },
+  checkboxGroup: {
+    loadingText: "\u6B63\u5728\u52A0\u8F7D"
+  },
+  themePanel: {
+    title: "\u4E3B\u9898\u8BBE\u7F6E",
+    light: "\u4EAE\u8272",
+    dark: "\u6697\u8272",
+    themeColor: "\u4E3B\u9898\u8272",
+    appearance: "\u5916\u89C2",
+    radius: "\u5706\u89D2",
+    direction: "\u65B9\u5411",
+    none: "\u65E0",
+    small: "\u5C0F",
+    medium: "\u4E2D",
+    large: "\u5927",
+    full: "\u5168\u5C4F",
+    rtl: "\u4ECE\u53F3\u5230\u5DE6",
+    ltr: "\u4ECE\u5DE6\u5230\u53F3"
+  }
+};
+
+exports["default"] = zhCn;

package/lib/_virtual/plugin-vue_export-helper.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+exports["default"] = _export_sfc;
+//# sourceMappingURL=plugin-vue_export-helper.js.map

package/lib/_virtual/plugin-vue_export-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin-vue_export-helper.js","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/lib/components/Affix/Affix.js

@@ -0,0 +1,149 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var dom = require('../../utils/dom.js');
+var useGlobalConfig = require('../base/hooks/useGlobalConfig.js');
+var Affix_type = require('./Affix.type.js');
+var pluginVue_exportHelper = require('../../_virtual/plugin-vue_export-helper.js');
+
+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 = vue.defineComponent({
+  name: "UAffix",
+  props: Affix_type.affixProps,
+  emits: Affix_type.affixEmits,
+  setup(props, { emit }) {
+    const { prefixCls } = useGlobalConfig["default"]("affix");
+    const affix = vue.ref(false);
+    const containerRef = vue.ref();
+    const pointRef = vue.ref();
+    const styles = vue.ref();
+    const slotPlaceholderStyle = vue.ref({});
+    const scrollElement = vue.ref();
+    let scrollEvent = null;
+    let resizeEvent = null;
+    const offsetType = vue.computed(() => {
+      let type = "top";
+      if (props.offsetBottom && props.offsetBottom >= 0) {
+        type = "bottom";
+      }
+      return type;
+    });
+    const slotPlaceholderShow = vue.computed(() => {
+      return offsetType.value === "top" && affix.value;
+    });
+    const classes = vue.computed(() => {
+      return [
+        {
+          [`${prefixCls.value}`]: affix.value
+        }
+      ];
+    });
+    vue.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;
+        }
+      }
+    };
+    vue.onMounted(() => {
+      scrollElement.value = dom.getContainer(props.container);
+      if (scrollElement.value) {
+        scrollEvent = dom.addEventListener(scrollElement.value, "scroll", handleScroll);
+        resizeEvent = dom.addEventListener(scrollElement.value, "resize", handleScroll);
+        setTimeout(() => {
+          handleScroll();
+        });
+      }
+    });
+    vue.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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    vue.createElementVNode("div", {
+      ref: "pointRef",
+      class: vue.normalizeClass(_ctx.classes),
+      style: vue.normalizeStyle(_ctx.styles)
+    }, [
+      vue.renderSlot(_ctx.$slots, "default")
+    ], 6),
+    vue.withDirectives(vue.createElementVNode("div", {
+      style: vue.normalizeStyle(_ctx.slotPlaceholderStyle)
+    }, null, 4), [
+      [vue.vShow, _ctx.slotPlaceholderShow]
+    ])
+  ], 512);
+}
+var Affix = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "E:\\br-fe\\uxd-ui\\src\\components\\Affix\\Affix.vue"]]);
+
+exports["default"] = Affix;
+//# sourceMappingURL=Affix.js.map

package/lib/components/Affix/Affix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Affix.js","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":["defineComponent","affixProps","affixEmits","useGlobalConfig","ref","computed","getContainer","addEventListener","_createElementBlock","_createElementVNode","_normalizeClass","_normalizeStyle","_renderSlot"],"mappings":"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"}

package/lib/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/lib/components/Affix/Affix.type.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const affixProps = {
+  offsetTop: {
+    type: Number,
+    default: 0
+  },
+  offsetBottom: {
+    type: Number
+  },
+  container: {
+    type: [String, Function]
+  }
+};
+const affixEmits = {
+  change: (v) => typeof v === "boolean"
+};
+
+exports.affixEmits = affixEmits;
+exports.affixProps = affixProps;
+//# sourceMappingURL=Affix.type.js.map

package/lib/components/Affix/Affix.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Affix.type.js","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;;;;;"}