tanxin-ui 0.2.0

package/lib/dropdown/src/dropdown.js

@@ -0,0 +1,496 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var vue = require("vue");
+var type = require("../../utils/type.js");
+var index = require("../../popper/index.js");
+require("../../utils/components/icons/Checkmark.js");
+require("../../utils/components/icons/CheckmarkCircle.js");
+require("../../utils/components/icons/CheckmarkSharp.js");
+require("../../utils/components/icons/CheckmarkCircleOutline.js");
+require("../../utils/components/icons/AlertCircle.js");
+require("../../utils/components/icons/AlertCircleOutline.js");
+require("../../utils/components/icons/InformationCircle.js");
+require("../../utils/components/icons/InformationCircleOutline.js");
+require("../../utils/components/icons/CloseCircle.js");
+require("../../utils/components/icons/CloseCircleOutline.js");
+require("../../utils/components/icons/HelpCircleSharp.js");
+require("../../utils/components/icons/EyeOffOutline.js");
+require("../../utils/components/icons/EyeOutline.js");
+require("../../utils/components/icons/LoadingOutlined.js");
+require("../../utils/components/icons/Close.js");
+require("../../utils/components/icons/CloseOutline.js");
+require("../../utils/components/icons/ArrowsMaximize.js");
+require("../../utils/components/icons/ArrowsMinimize.js");
+require("../../utils/components/icons/AddOutline.js");
+require("../../utils/components/icons/RemoveOutline.js");
+require("../../utils/components/icons/ChevronUp.js");
+require("../../utils/components/icons/ChevronDown.js");
+var ChevronForward = require("../../utils/components/icons/ChevronForward.js");
+require("../../utils/components/icons/ChevronLeft24Filled.js");
+require("../../utils/components/icons/ChevronRight24Filled.js");
+require("../../utils/components/icons/ChevronDoubleLeft16Filled.js");
+require("../../utils/components/icons/ChevronDoubleRight16Filled.js");
+require("../../utils/components/icons/CheckmarkOutline.js");
+require("../../utils/components/icons/IosCheckmark.js");
+require("../../utils/components/icons/Empty.js");
+require("../../utils/components/icons/Bars.js");
+require("../../utils/components/icons/ArrowUpCircle.js");
+require("../../utils/components/icons/ArrowUp.js");
+require("../../utils/components/icons/ArrowForward.js");
+require("../../utils/components/icons/TimeOutline.js");
+require("../../utils/components/icons/CalendarClearOutline.js");
+require("../../utils/components/icons/KeyboardArrowLeftRound.js");
+require("../../utils/components/icons/KeyboardArrowRightRound.js");
+require("../../utils/components/icons/KeyboardDoubleArrowLeftRound.js");
+require("../../utils/components/icons/KeyboardDoubleArrowRightRound.js");
+require("../../utils/components/icons/MenuFoldOutlined.js");
+require("../../utils/components/icons/IosArrowDown.js");
+require("../../utils/components/icons/IosArrowBack.js");
+require("../../utils/components/icons/IosArrowForward.js");
+require("../../utils/components/icons/ImageSharp.js");
+require("../../utils/components/icons/Pause.js");
+require("../../utils/components/icons/Refresh.js");
+require("../../utils/components/icons/QuestionCircle24Regular.js");
+require("../../utils/components/icons/CloudUploadOutline.js");
+require("../../utils/components/icons/UploadFileFilled.js");
+require("../../utils/components/icons/EllipsisHorizontal.js");
+require("../../utils/components/icons/ArrowNext24Filled.js");
+require("../../utils/components/icons/ArrowPrevious24Filled.js");
+require("../../utils/components/icons/ArrowDropDownSharp.js");
+require("../../utils/components/icons/ArrowDropUpSharp.js");
+require("../../utils/components/icons/ArrowForwardIosFilled.js");
+var context = require("./context.js");
+var useConfig = require("../../utils/hooks/useConfig.js");
+var clickOutside = require("../../utils/directives/click-outside.js");
+var common = require("../../utils/common.js");
+var index$3 = require("../../icon/index.js");
+var index$1 = require("../../divider/index.js");
+var index$2 = require("../../link/index.js");
+var nanoid = require("nanoid");
+var cloneDeep = require("lodash-es/cloneDeep");
+function _interopDefaultLegacy(e) {
+  return e && typeof e === "object" && "default" in e ? e : { "default": e };
+}
+var cloneDeep__default = /* @__PURE__ */ _interopDefaultLegacy(cloneDeep);
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const dropdownProps = {
+  placement: type.PropTypes.oneOf(["top", "topLeft", "topRight", "left", "leftTop", "leftBottom", "right", "rightTop", "rightBottom", "bottom", "bottomLeft", "bottomRight"]).def("bottom"),
+  trigger: type.PropTypes.oneOf(["hover", "click", "focus", "contextMenu", "manual"]).def("hover"),
+  disabled: type.PropTypes.bool.def(false),
+  options: {
+    type: Array,
+    default: () => []
+  },
+  transitionName: type.PropTypes.string.def("slide-up"),
+  offset: type.PropTypes.oneOfType([type.PropTypes.string, type.PropTypes.number]).def(6),
+  minWidth: type.PropTypes.oneOfType([type.PropTypes.string, type.PropTypes.number]).def(100),
+  fontSize: type.PropTypes.oneOfType([type.PropTypes.string, type.PropTypes.number]).def(14),
+  itemHeight: type.PropTypes.oneOfType([type.PropTypes.string, type.PropTypes.number]).def(32),
+  paddingLeft: type.PropTypes.oneOfType([type.PropTypes.string, type.PropTypes.number]).def(12),
+  borderRadius: type.PropTypes.oneOfType([type.PropTypes.string, type.PropTypes.number]),
+  indent: type.PropTypes.oneOfType([type.PropTypes.string, type.PropTypes.number]).def(12),
+  selectedPath: {
+    type: Array,
+    default: () => []
+  },
+  theme: type.PropTypes.string.def("light"),
+  sameWidth: type.PropTypes.bool.def(false),
+  popClass: type.PropTypes.string,
+  x: type.PropTypes.oneOfType([type.PropTypes.string, type.PropTypes.number]),
+  y: type.PropTypes.oneOfType([type.PropTypes.string, type.PropTypes.number]),
+  visible: type.PropTypes.bool.def(false)
+};
+var Dropdown = vue.defineComponent({
+  name: "TDropdown",
+  components: {
+    TPopper: index.TPopper,
+    TDivider: index$1.TDivider,
+    TLink: index$2.TLink,
+    TIcon: index$3.TIcon,
+    ChevronForward: ChevronForward["default"]
+  },
+  directives: {
+    clickOutside: clickOutside.directive
+  },
+  inheritAttrs: false,
+  props: dropdownProps,
+  emits: ["select", "visibleChange", "update:visible"],
+  setup(props, {
+    slots,
+    emit,
+    attrs
+  }) {
+    const {
+      prefixCls
+    } = useConfig.useConfig("dropdown", props);
+    const visible = vue.ref({
+      top: props.visible
+    });
+    const styles = vue.computed(() => {
+      return {
+        [`--t-dropdown-item-height`]: props.itemHeight ? common.getLength(props.itemHeight) : null,
+        [`font-size`]: props.fontSize ? common.getLength(props.fontSize) : null
+      };
+    });
+    const menuItemList = vue.ref([]);
+    const mapToItem = (key, props2, children, keyPath, sonList) => {
+      let label = (props2 == null ? void 0 : props2.isGroup) ? props2.label : children && children.label ? children.label() : void 0;
+      if (!label)
+        label = children && children.default ? children.default() : void 0;
+      let icon = children && children.icon ? children.icon() : void 0;
+      if (!icon && (props2 == null ? void 0 : props2.icon)) {
+        icon = type.isFunction(props2.icon) ? props2.icon() : props2.icon;
+      }
+      const item = __spreadProps(__spreadValues({}, props2), {
+        menuKey: keyPath[keyPath.length - 1],
+        key: key != null ? key : nanoid.nanoid(10),
+        label,
+        icon,
+        divided: (props2 == null ? void 0 : props2.divided) === "" || (props2 == null ? void 0 : props2.divided) === true,
+        disabled: (props2 == null ? void 0 : props2.disabled) === "" || (props2 == null ? void 0 : props2.disabled) === true
+      });
+      item["keyPath"] = item.isGroup ? keyPath : [...keyPath, item.key];
+      if (sonList.length > 0)
+        item["children"] = sonList;
+      return item;
+    };
+    const mapElementsToData = (elements, keyPath) => {
+      if (!elements || elements.length <= 0)
+        return [];
+      const flattenedElements = common.flattenChildren(elements);
+      menuItemList.value = [];
+      const arr = [];
+      flattenedElements.map((item) => {
+        let {
+          type: {
+            name
+          },
+          key,
+          children,
+          props: props2
+        } = item;
+        if (name.indexOf("Item") >= 0) {
+          arr.push(mapToItem(key, props2, children, keyPath, []));
+        } else if (name.indexOf("Group") >= 0) {
+          key = key != null ? key : nanoid.nanoid(10);
+          const sonList = mapElementsToData(item.children.default(), keyPath);
+          props2.isGroup = true;
+          arr.push(mapToItem(key, props2, null, keyPath, sonList));
+        } else {
+          let {
+            key: key2,
+            children: children2,
+            props: props3
+          } = item.children.default()[0];
+          key2 = key2 != null ? key2 : nanoid.nanoid(10);
+          const sonList = mapElementsToData(item.children.menu(), [...keyPath, key2]);
+          arr.push(mapToItem(key2, props3, children2, keyPath, sonList));
+        }
+      });
+      return arr;
+    };
+    const initOptions = (arrOptions, keyPath) => {
+      const options = cloneDeep__default["default"](arrOptions);
+      return options.map((item) => {
+        var _a, _b, _c, _d, _e, _f;
+        if (item.isGroup) {
+          item.menuKey = (_a = item.menuKey) != null ? _a : keyPath[keyPath.length - 1];
+          item.key = (_b = item.key) != null ? _b : nanoid.nanoid(10);
+          item.keyPath = (_c = item.keyPath) != null ? _c : [...keyPath];
+        } else {
+          item.menuKey = (_d = item.menuKey) != null ? _d : keyPath[keyPath.length - 1];
+          item.key = (_e = item.key) != null ? _e : nanoid.nanoid(10);
+          item.keyPath = (_f = item.keyPath) != null ? _f : [...keyPath, item.key];
+        }
+        if (item.children && item.children.length > 0)
+          item.children = initOptions(item.children, item.keyPath);
+        return item;
+      });
+    };
+    const popperNoIcon = vue.ref({});
+    const calculatePopperNoIcon = (itemList, isGroup = false) => {
+      let noIcon = true;
+      if (itemList.length <= 0)
+        return true;
+      itemList.map((item) => {
+        if (item.isGroup) {
+          if (item.children && item.children.length > 0 && !calculatePopperNoIcon(item.children, true))
+            noIcon = false;
+        } else {
+          if (!!item.icon)
+            noIcon = false;
+          if (item.children && item.children.length > 0)
+            calculatePopperNoIcon(item.children);
+        }
+      });
+      if (!isGroup)
+        popperNoIcon.value[itemList[0].menuKey] = noIcon;
+      return noIcon;
+    };
+    const topKey = vue.computed(() => {
+      if (props.options.length > 0 && props.options[0].menuKey)
+        return props.options[0].menuKey;
+      else
+        return "top";
+    });
+    const initData = () => {
+      var _a, _b;
+      menuItemList.value = props.options.length > 0 ? initOptions(props.options, (_a = props.options[0].keyPath) != null ? _a : ["top"]) : mapElementsToData((_b = slots.menu) == null ? void 0 : _b.call(slots), ["top"]);
+      calculatePopperNoIcon(menuItemList.value);
+    };
+    vue.onMounted(() => {
+      initData();
+    });
+    const selectedPath = vue.ref(props.selectedPath);
+    vue.watch(() => props.selectedPath, () => {
+      selectedPath.value = props.selectedPath;
+    }, {
+      deep: true
+    });
+    vue.watch(() => props.options, () => {
+      initData();
+    }, {
+      deep: true
+    });
+    vue.watch(() => {
+      var _a;
+      return (_a = slots == null ? void 0 : slots.menu) == null ? void 0 : _a.call(slots);
+    }, () => {
+      initData();
+    }, {
+      deep: true
+    });
+    if (props.trigger == "manual") {
+      vue.watch(() => props.visible, () => {
+        visible.value[topKey.value] = props.visible;
+      });
+    }
+    vue.watch(() => visible.value[topKey.value], () => {
+      emit("visibleChange", {
+        key: topKey.value,
+        visible: visible.value[topKey.value]
+      });
+      emit("update:visible", visible.value[topKey.value]);
+    });
+    const closeAllPopper = () => {
+      for (let i = 0; i >= 0; i--) {
+        visible.value[popperList.value[i].popperKey] = false;
+      }
+    };
+    const indent = vue.computed(() => common.getLengthNumber(props.indent));
+    const paddingLeft = vue.computed(() => common.getLengthNumber(props.paddingLeft));
+    const getItemProps = (item, indentLevel = 0) => {
+      const itemProps = {
+        class: item.isGroup ? [[`${prefixCls.value}-item`], [`is-group`]] : [[`${prefixCls.value}-item`], {
+          [`is-disabled`]: item.disabled,
+          [`is-path`]: selectedPath.value.includes(item.key),
+          [`is-selected`]: selectedPath.value.length > 0 && selectedPath.value[selectedPath.value.length - 1] == item.key
+        }],
+        style: {
+          paddingLeft: `${indentLevel * indent.value + paddingLeft.value}px`
+        }
+      };
+      if (!item.children || item.children.length <= 0) {
+        itemProps["onClick"] = (event) => {
+          event.stopPropagation();
+          event.preventDefault();
+          if (item.disabled)
+            return;
+          if (item.onClick) {
+            item.onClick();
+          }
+          emit("select", item.keyPath);
+          closeAllPopper();
+        };
+      }
+      return itemProps;
+    };
+    const popperList = vue.ref([]);
+    const visibilityChange = (popperKey, objRef, visibility) => {
+      visible.value[popperKey] = visibility;
+      if (visibility) {
+        popperList.value.push({
+          popperKey,
+          objRef
+        });
+      } else {
+        const index2 = popperList.value.findIndex((item) => item.popperKey == popperKey);
+        if (index2 >= 0)
+          popperList.value.splice(index2, 1);
+      }
+    };
+    const canHidden = (popperKey) => {
+      const index2 = popperList.value.findIndex((item) => item.popperKey == popperKey);
+      if (index2 < 0)
+        return true;
+      return index2 >= popperList.value.length - 1;
+    };
+    const getRefEl = (objRef) => {
+      return type.isComponentPublicInstance(objRef) ? objRef.$el : objRef;
+    };
+    const clickOutsideHidden = (popperKey, event) => {
+      for (let i = popperList.value.length - 1; i >= 0; i--) {
+        const el = getRefEl(popperList.value[i].objRef);
+        if (el.contains(event.target))
+          return false;
+        if (popperList.value[i].popperKey == popperKey)
+          return !el.contains(event.target);
+      }
+      return true;
+    };
+    const reload = () => {
+      initData();
+    };
+    context.provideDropdown({
+      popperList: vue.computed(() => popperList.value),
+      visibilityChange,
+      canHidden,
+      clickOutsideHidden,
+      reload
+    });
+    const getPopperClass = (menuKey) => {
+      return [[`is-select`], {
+        [`no-icon`]: popperNoIcon.value[menuKey]
+      }];
+    };
+    const render = () => {
+      const popperProps = {
+        placement: props.placement,
+        trigger: props.trigger,
+        transitionName: props.transitionName,
+        sameWidth: false,
+        isToggle: true,
+        disabled: props.disabled,
+        offset: props.offset,
+        showArrow: false,
+        minWidth: props.minWidth,
+        borderRadius: props.borderRadius
+      };
+      const renderSubPopper = (elements, item) => {
+        const triggerElement = vue.createVNode("div", {
+          "class": `${prefixCls.value}-trigger`
+        }, [elements]);
+        const contentElement2 = vue.createVNode("div", vue.mergeProps({
+          "class": `${prefixCls.value}-content`
+        }, attrs, {
+          "style": styles.value
+        }), [item.children.map((subItem) => {
+          return renderItem(subItem, 0);
+        })]);
+        const inSlots2 = {
+          trigger: () => triggerElement,
+          content: () => contentElement2
+        };
+        return vue.createVNode(vue.resolveComponent("t-popper"), vue.mergeProps({
+          "theme": props.theme,
+          "class": getPopperClass(item.key),
+          "popClass": props.popClass,
+          "visible": visible.value[item.key],
+          "onUpdate:visible": ($event) => visible.value[item.key] = $event
+        }, popperProps, {
+          "trigger": ["contextMenu", "manual"].includes(popperProps.trigger) ? "hover" : popperProps.trigger,
+          "placement": "rightTop",
+          "sameWidth": props.sameWidth,
+          "parentKey": item.menuKey,
+          "popperKey": item.key
+        }), inSlots2);
+      };
+      const renderItem = (item, indentLevel = 0) => {
+        var _a;
+        const rowElements = vue.createVNode(vue.Fragment, null, [vue.createVNode("span", {
+          "class": `${prefixCls.value}-icon`
+        }, [item.icon ? vue.createVNode(vue.resolveComponent("t-icon"), null, {
+          default: () => [type.isFunction(item.icon) ? item.icon() : item.icon]
+        }) : null]), vue.createVNode("span", {
+          "class": `${prefixCls.value}-label`
+        }, [item.label]), !item.isGroup && item.children && item.children.length > 0 ? vue.createVNode(vue.resolveComponent("t-icon"), {
+          "class": "is-arrow"
+        }, {
+          default: () => [vue.createVNode(ChevronForward["default"], null, null)]
+        }) : null]);
+        let elements = vue.createVNode("div", getItemProps(item, indentLevel), [item.to ? vue.createVNode(vue.resolveComponent("t-link"), {
+          "target": (_a = item["target"]) != null ? _a : "_self",
+          "to": item.to
+        }, _isSlot(rowElements) ? rowElements : {
+          default: () => [rowElements]
+        }) : rowElements]);
+        if (!item.isGroup && item.children && item.children.length > 0) {
+          elements = renderSubPopper(elements, item);
+        }
+        if (item.divided) {
+          elements = vue.createVNode(vue.Fragment, null, [vue.createVNode(vue.resolveComponent("t-divider"), {
+            "margin": "8"
+          }, null), elements]);
+        }
+        if (item.isGroup && item.children && item.children.length > 0) {
+          const subItemList = item.children.map((subItem) => {
+            return renderItem(subItem, indentLevel + 1);
+          });
+          return [elements, ...subItemList];
+        }
+        return elements;
+      };
+      const contentElement = vue.createVNode("div", vue.mergeProps({
+        "class": `${prefixCls.value}-content`
+      }, attrs, {
+        "style": styles.value
+      }), [menuItemList.value.map((item) => {
+        return renderItem(item, 0);
+      })]);
+      const inSlots = slots.default ? {
+        trigger: () => {
+          var _a;
+          return vue.createVNode("div", {
+            "class": `${prefixCls.value}-top-trigger`
+          }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+        },
+        content: () => contentElement
+      } : {
+        content: () => contentElement
+      };
+      return vue.createVNode(vue.Fragment, null, [vue.createVNode(vue.resolveComponent("t-popper"), vue.mergeProps({
+        "theme": props.theme,
+        "class": getPopperClass(topKey.value),
+        "visible": visible.value[topKey.value],
+        "onUpdate:visible": ($event) => visible.value[topKey.value] = $event,
+        "popClass": props.popClass
+      }, popperProps, {
+        "isToggle": popperProps.trigger == "contextMenu" ? false : popperProps.isToggle,
+        "parentKey": "root",
+        "triggerWidth": "content",
+        "sameWidth": props.sameWidth,
+        "popperKey": topKey.value,
+        "x": props.x,
+        "y": props.y
+      }), inSlots)]);
+    };
+    return {
+      render
+    };
+  },
+  render() {
+    return this.render();
+  }
+});
+exports["default"] = Dropdown;

package/lib/empty/index.d.ts

@@ -0,0 +1,50 @@
+declare const TEmpty: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{} | {
+            [x: string]: any;
+        }> & Omit<Readonly<any> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<any>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {} | {
+            [x: string]: any;
+        }> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<any> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<any>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {} | {
+    [x: string]: any;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+export { TEmpty };

package/lib/empty/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var type = require("../utils/type.js");
+var empty = require("./src/empty.js");
+const TEmpty = type.withInstall(empty["default"]);
+exports.TEmpty = TEmpty;

package/lib/empty/src/empty.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("vue").DefineComponent<any, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+export default _default;

package/lib/empty/src/empty.js

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var vue = require("vue");
+var useConfig = require("../../utils/hooks/useConfig.js");
+var type = require("../../utils/type.js");
+require("../../utils/components/icons/Checkmark.js");
+require("../../utils/components/icons/CheckmarkCircle.js");
+require("../../utils/components/icons/CheckmarkSharp.js");
+require("../../utils/components/icons/CheckmarkCircleOutline.js");
+require("../../utils/components/icons/AlertCircle.js");
+require("../../utils/components/icons/AlertCircleOutline.js");
+require("../../utils/components/icons/InformationCircle.js");
+require("../../utils/components/icons/InformationCircleOutline.js");
+require("../../utils/components/icons/CloseCircle.js");
+require("../../utils/components/icons/CloseCircleOutline.js");
+require("../../utils/components/icons/HelpCircleSharp.js");
+require("../../utils/components/icons/EyeOffOutline.js");
+require("../../utils/components/icons/EyeOutline.js");
+require("../../utils/components/icons/LoadingOutlined.js");
+require("../../utils/components/icons/Close.js");
+require("../../utils/components/icons/CloseOutline.js");
+require("../../utils/components/icons/ArrowsMaximize.js");
+require("../../utils/components/icons/ArrowsMinimize.js");
+require("../../utils/components/icons/AddOutline.js");
+require("../../utils/components/icons/RemoveOutline.js");
+require("../../utils/components/icons/ChevronUp.js");
+require("../../utils/components/icons/ChevronDown.js");
+require("../../utils/components/icons/ChevronForward.js");
+require("../../utils/components/icons/ChevronLeft24Filled.js");
+require("../../utils/components/icons/ChevronRight24Filled.js");
+require("../../utils/components/icons/ChevronDoubleLeft16Filled.js");
+require("../../utils/components/icons/ChevronDoubleRight16Filled.js");
+require("../../utils/components/icons/CheckmarkOutline.js");
+require("../../utils/components/icons/IosCheckmark.js");
+var Empty$1 = require("../../utils/components/icons/Empty.js");
+require("../../utils/components/icons/Bars.js");
+require("../../utils/components/icons/ArrowUpCircle.js");
+require("../../utils/components/icons/ArrowUp.js");
+require("../../utils/components/icons/ArrowForward.js");
+require("../../utils/components/icons/TimeOutline.js");
+require("../../utils/components/icons/CalendarClearOutline.js");
+require("../../utils/components/icons/KeyboardArrowLeftRound.js");
+require("../../utils/components/icons/KeyboardArrowRightRound.js");
+require("../../utils/components/icons/KeyboardDoubleArrowLeftRound.js");
+require("../../utils/components/icons/KeyboardDoubleArrowRightRound.js");
+require("../../utils/components/icons/MenuFoldOutlined.js");
+require("../../utils/components/icons/IosArrowDown.js");
+require("../../utils/components/icons/IosArrowBack.js");
+require("../../utils/components/icons/IosArrowForward.js");
+require("../../utils/components/icons/ImageSharp.js");
+require("../../utils/components/icons/Pause.js");
+require("../../utils/components/icons/Refresh.js");
+require("../../utils/components/icons/QuestionCircle24Regular.js");
+require("../../utils/components/icons/CloudUploadOutline.js");
+require("../../utils/components/icons/UploadFileFilled.js");
+require("../../utils/components/icons/EllipsisHorizontal.js");
+require("../../utils/components/icons/ArrowNext24Filled.js");
+require("../../utils/components/icons/ArrowPrevious24Filled.js");
+require("../../utils/components/icons/ArrowDropDownSharp.js");
+require("../../utils/components/icons/ArrowDropUpSharp.js");
+require("../../utils/components/icons/ArrowForwardIosFilled.js");
+var common = require("../../utils/common.js");
+const linkProps = Object.assign({
+  size: type.PropTypes.oneOf(["xs", "sm", "md", "lg", "xl"]).def("md"),
+  text: type.PropTypes.string.def("\u6682\u65E0\u8BB0\u5F55"),
+  showText: type.PropTypes.bool.def(true),
+  image: type.StrOrVNode,
+  imageWidth: [String, Number]
+});
+var Empty = vue.defineComponent({
+  name: "TEmpty",
+  props: linkProps,
+  setup(props, {
+    slots
+  }) {
+    const {
+      prefixCls
+    } = useConfig.useConfig("empty", props);
+    const classes = vue.computed(() => {
+      return [prefixCls.value, {
+        [`size-${props.size}`]: props.size
+      }];
+    });
+    const imageStyles = vue.computed(() => {
+      const styles = {};
+      if (props.imageWidth) {
+        styles["width"] = common.getLength(props.imageWidth);
+      }
+      if (!type.isString(props.imageWidth)) {
+        styles["font-size"] = styles["width"];
+      }
+      return styles;
+    });
+    const iconElement = slots.image ? slots.image() : !props.image ? vue.createVNode(vue.resolveComponent("t-icon"), {
+      "style": imageStyles.value
+    }, {
+      default: () => [vue.createVNode(Empty$1["default"], null, null)]
+    }) : type.isString(props.image) ? vue.createVNode("img", {
+      "src": props.image,
+      "style": imageStyles.value
+    }, null) : props.image;
+    return () => {
+      var _a;
+      return vue.createVNode("div", {
+        "class": classes.value
+      }, [vue.createVNode("div", null, [iconElement]), props.showText ? slots.text ? slots.text() : vue.createVNode("div", {
+        "class": `${prefixCls.value}-text`
+      }, [props.text]) : null, slots.default ? vue.createVNode("div", {
+        "class": `${prefixCls.value}-addi`
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]) : null]);
+    };
+  }
+});
+exports["default"] = Empty;