tanxin-ui 0.2.0

package/lib/grid/src/grid.js

@@ -0,0 +1,125 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var vue = require("vue");
+var type = require("../../utils/type.js");
+var context = require("../../line-grid/src/context.js");
+var index = require("../../line-grid/index.js");
+var context$1 = require("./context.js");
+var useConfig = require("../../utils/hooks/useConfig.js");
+var resizeObserver = require("../../utils/components/resize-observer.js");
+var common = require("../../utils/common.js");
+const gridProps = {
+  justify: type.PropTypes.oneOf(context.GridJustify),
+  align: type.PropTypes.oneOf(context.GridAlign),
+  x: type.PropTypes.oneOf(context.GridJustify),
+  y: type.PropTypes.oneOf(context.GridAlign),
+  cols: type.PropTypes.oneOfType([type.PropTypes.string, type.PropTypes.number]).def(4),
+  prefixCls: type.PropTypes.string,
+  square: type.PropTypes.bool.def(false),
+  showBorder: type.PropTypes.bool.def(true),
+  marginTop: type.PropTypes.oneOfType([type.PropTypes.string, type.PropTypes.number]),
+  marginBottom: type.PropTypes.oneOfType([type.PropTypes.string, type.PropTypes.number]),
+  marginLeft: type.PropTypes.oneOfType([type.PropTypes.string, type.PropTypes.number]),
+  marginRight: type.PropTypes.oneOfType([type.PropTypes.string, type.PropTypes.number]),
+  padding: {
+    type: [String, Number, Array],
+    default: 16
+  },
+  avatarShape: type.PropTypes.oneOf(["circle", "square"]).def("square"),
+  avatarSize: type.PropTypes.oneOf(["xs", "sm", "md", "lg", "xl"]).def("md"),
+  avatarBgWidth: type.PropTypes.oneOfType([type.PropTypes.string, type.PropTypes.number]),
+  avatarWidth: type.PropTypes.oneOfType([type.PropTypes.string, type.PropTypes.number])
+};
+var Grid = vue.defineComponent({
+  name: "TGrid",
+  components: {
+    TRow: index.TRow
+  },
+  props: gridProps,
+  setup(props, {
+    slots
+  }) {
+    const {
+      prefixCls
+    } = useConfig.useConfig("grid", props);
+    const rowProps = {
+      justify: props.justify,
+      align: props.align,
+      x: props.x,
+      y: props.y,
+      marginBottom: props.marginBottom,
+      marginLeft: props.marginLeft,
+      marginRight: props.marginRight,
+      marginTop: props.marginTop
+    };
+    const colHeight = vue.ref(0);
+    const processing = vue.ref(false);
+    const handleResize = (size) => {
+      if (processing.value)
+        return;
+      processing.value = true;
+      colHeight.value = size.width / common.getLengthNumber(props.cols);
+      setTimeout(() => {
+        processing.value = false;
+      }, 300);
+    };
+    const paddingArr = vue.computed(() => {
+      if (type.isArray(props.padding)) {
+        return [common.getLengthNumber(props.padding[0]), common.getLengthNumber(props.padding[1])];
+      } else {
+        const padding = common.getLengthNumber(props.padding);
+        return [padding, padding];
+      }
+    });
+    context$1.provideGrid({
+      cols: vue.computed(() => common.getLengthNumber(props.cols)),
+      avatarShape: vue.computed(() => props.avatarShape),
+      avatarBgWidth: vue.computed(() => props.avatarBgWidth ? common.getLength(props.avatarBgWidth) : null),
+      avatarWidth: vue.computed(() => props.avatarWidth ? common.getLength(props.avatarWidth) : null),
+      avatarSize: vue.computed(() => props.avatarSize ? common.getLength(props.avatarSize) : null),
+      justify: vue.computed(() => {
+        var _a;
+        return (_a = props.justify) != null ? _a : props.x;
+      }),
+      align: vue.computed(() => {
+        var _a;
+        return (_a = props.align) != null ? _a : props.y;
+      }),
+      showBorder: vue.computed(() => props.showBorder),
+      colHeight: vue.computed(() => colHeight.value),
+      paddingArr: vue.computed(() => paddingArr.value)
+    });
+    const render = () => {
+      return props.square ? vue.createVNode(resizeObserver["default"], {
+        "onResize": handleResize
+      }, {
+        default: () => [vue.createVNode(vue.resolveComponent("t-row"), vue.mergeProps(rowProps, {
+          "class": [`${prefixCls.value}`, {
+            [`is-bordered`]: props.showBorder
+          }]
+        }), {
+          default: () => {
+            var _a;
+            return [(_a = slots.default) == null ? void 0 : _a.call(slots)];
+          }
+        })]
+      }) : vue.createVNode(vue.resolveComponent("t-row"), vue.mergeProps(rowProps, {
+        "class": [`${prefixCls.value}`, {
+          [`is-bordered`]: props.showBorder
+        }]
+      }), {
+        default: () => {
+          var _a;
+          return [(_a = slots.default) == null ? void 0 : _a.call(slots)];
+        }
+      });
+    };
+    return {
+      render
+    };
+  },
+  render() {
+    return this.render();
+  }
+});
+exports["default"] = Grid;

package/lib/icon/index.d.ts

@@ -0,0 +1,112 @@
+declare const TIcon: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            prefixCls: string;
+            color: string;
+            spin: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            color: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            size: import("vue-types").VueTypeDef<string | number>;
+            spin: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            rotate: import("vue-types").VueTypeDef<string | number>;
+            prefixCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "prefixCls" | "color" | "spin">;
+        $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<import("vue").ExtractPropTypes<{
+            color: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            size: import("vue-types").VueTypeDef<string | number>;
+            spin: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            rotate: import("vue-types").VueTypeDef<string | number>;
+            prefixCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            prefixCls: string;
+            color: string;
+            spin: boolean;
+        }> & {
+            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<import("vue").ExtractPropTypes<{
+        color: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        size: import("vue-types").VueTypeDef<string | number>;
+        spin: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        rotate: import("vue-types").VueTypeDef<string | number>;
+        prefixCls: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    color: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    size: import("vue-types").VueTypeDef<string | number>;
+    spin: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    rotate: import("vue-types").VueTypeDef<string | number>;
+    prefixCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+    prefixCls: string;
+    color: string;
+    spin: boolean;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+export { TIcon };

package/lib/icon/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 icon = require("./src/icon.js");
+const TIcon = type.withInstall(icon["default"]);
+exports.TIcon = TIcon;

package/lib/icon/src/icon.d.ts

@@ -0,0 +1,34 @@
+declare const _default: import("vue").DefineComponent<{
+    color: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    size: import("vue-types").VueTypeDef<string | number>;
+    spin: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    rotate: import("vue-types").VueTypeDef<string | number>;
+    prefixCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    color: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    size: import("vue-types").VueTypeDef<string | number>;
+    spin: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    rotate: import("vue-types").VueTypeDef<string | number>;
+    prefixCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+}>>, {
+    prefixCls: string;
+    color: string;
+    spin: boolean;
+}>;
+export default _default;

package/lib/icon/src/icon.js

@@ -0,0 +1,47 @@
+"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");
+var common = require("../../utils/common.js");
+const iconProps = {
+  color: type.PropTypes.string,
+  size: type.PropTypes.oneOfType([type.PropTypes.string, type.PropTypes.number]),
+  spin: type.PropTypes.bool.def(false),
+  rotate: type.PropTypes.oneOfType([type.PropTypes.string, type.PropTypes.number]),
+  prefixCls: type.PropTypes.string
+};
+var Icon = vue.defineComponent({
+  name: "TIcon",
+  props: iconProps,
+  setup(props, {
+    slots
+  }) {
+    const {
+      prefixCls
+    } = useConfig.useConfig("icon", props);
+    const classes = vue.computed(() => {
+      return [prefixCls.value, {
+        [`${prefixCls.value}-spin`]: props.spin
+      }];
+    });
+    const styles = vue.computed(() => {
+      const style = {};
+      if (props.color)
+        style.color = props.color;
+      if (props.size)
+        style.fontSize = common.getLength(props.size);
+      if (props.rotate)
+        style.transform = `rotate(${props.rotate}deg)`;
+      return style;
+    });
+    return () => {
+      var _a;
+      return vue.createVNode("i", {
+        "style": styles.value,
+        "class": classes.value
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+  }
+});
+exports["default"] = Icon;

package/lib/index.d.ts

@@ -0,0 +1,7 @@
+import type { App } from 'vue';
+export * from './components';
+export declare const install: (app: App) => App<any>;
+declare const _default: {
+    install: (app: App<any>) => App<any>;
+};
+export default _default;

package/lib/index.js

@@ -0,0 +1,157 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var components = require("./components.js");
+var index$1 = require("./config-provider/index.js");
+var index$2 = require("./icon/index.js");
+var index$3 = require("./link/index.js");
+var index$4 = require("./button/index.js");
+var index$5 = require("./form/index.js");
+var index$6 = require("./input/index.js");
+var index$7 = require("./input-number/index.js");
+var index$8 = require("./textarea/index.js");
+var index$9 = require("./radio/index.js");
+var index$a = require("./checkbox/index.js");
+var index$b = require("./switch/index.js");
+var index$c = require("./select/index.js");
+var index$d = require("./cascader/index.js");
+var index$e = require("./tree-select/index.js");
+var index$f = require("./time-picker/index.js");
+var index$g = require("./date-picker/index.js");
+var index$h = require("./color-picker/index.js");
+var index$i = require("./slider/index.js");
+var index$j = require("./upload/index.js");
+var index$k = require("./popper/index.js");
+var index$l = require("./popover/index.js");
+var index$m = require("./tooltip/index.js");
+var index$n = require("./popconfirm/index.js");
+var index$o = require("./alert/index.js");
+var index$p = require("./message/index.js");
+var index$q = require("./notification/index.js");
+var index$r = require("./modal/index.js");
+var index$s = require("./message-box/index.js");
+var index$t = require("./drawer/index.js");
+var index$u = require("./loading/index.js");
+var index$v = require("./skeleton/index.js");
+var index$w = require("./status/index.js");
+var index$x = require("./progress/index.js");
+var index$y = require("./table/index.js");
+var index$z = require("./empty/index.js");
+var index$A = require("./avatar/index.js");
+var index$B = require("./badge/index.js");
+var index$C = require("./tag/index.js");
+var index$D = require("./tree/index.js");
+var index$E = require("./cascader-panel/index.js");
+var index$F = require("./calendar/index.js");
+var index$G = require("./carousel/index.js");
+var index$H = require("./affix/index.js");
+var index$I = require("./anchor/index.js");
+var index$J = require("./back-top/index.js");
+var index$K = require("./loading-bar/index.js");
+var index$L = require("./dropdown/index.js");
+var index$M = require("./menu/index.js");
+var index$N = require("./breadcrumb/index.js");
+var index$O = require("./tabs/index.js");
+var index$P = require("./steps/index.js");
+var index$Q = require("./pagination/index.js");
+var index$R = require("./divider/index.js");
+var index$S = require("./layout/index.js");
+var index$T = require("./line-grid/index.js");
+var index$U = require("./grid/index.js");
+var index$V = require("./space/index.js");
+var index$W = require("./card/index.js");
+var index$X = require("./list/index.js");
+const install = function(app) {
+  Object.keys(components).forEach((key) => {
+    const component = components[key];
+    if (component.install) {
+      app.use(component);
+    }
+  });
+  return app;
+};
+var index = {
+  install
+};
+exports.TConfigProvider = index$1.TConfigProvider;
+exports.TIcon = index$2.TIcon;
+exports.TLink = index$3.TLink;
+exports.TButton = index$4.TButton;
+exports.TForm = index$5.TForm;
+exports.TFormItem = index$5.TFormItem;
+exports.TInput = index$6.TInput;
+exports.TInputNumber = index$7.TInputNumber;
+exports.TTextarea = index$8.TTextarea;
+exports.TRadio = index$9.TRadio;
+exports.TRadioGroup = index$9.TRadioGroup;
+exports.TCheckbox = index$a.TCheckbox;
+exports.TCheckboxGroup = index$a.TCheckboxGroup;
+exports.TSwitch = index$b.TSwitch;
+exports.TSelect = index$c.TSelect;
+exports.TSelectGroup = index$c.TSelectGroup;
+exports.TSelectOption = index$c.TSelectOption;
+exports.TCascader = index$d.TCascader;
+exports.TTreeSelect = index$e.TTreeSelect;
+exports.TTimePicker = index$f.TTimePicker;
+exports.TDatePicker = index$g.TDatePicker;
+exports.TColorPicker = index$h.TColorPicker;
+exports.TSlider = index$i.TSlider;
+exports.TUpload = index$j.TUpload;
+exports.TPopper = index$k.TPopper;
+exports.TPopover = index$l.TPopover;
+exports.TTooltip = index$m.TTooltip;
+exports.TPopconfirm = index$n.TPopconfirm;
+exports.TAlert = index$o.TAlert;
+exports.TMessage = index$p.TMessage;
+exports.TNotification = index$q.TNotification;
+exports.TModal = index$r.TModal;
+exports.TMessageBox = index$s.TMessageBox;
+exports.TDrawer = index$t.TDrawer;
+exports.TLoading = index$u.TLoading;
+exports.TSkeleton = index$v.TSkeleton;
+exports.TSkeletonItem = index$v.TSkeletonItem;
+exports.TStatus = index$w.TStatus;
+exports.TProgress = index$x.TProgress;
+exports.TTable = index$y.TTable;
+exports.TEmpty = index$z.TEmpty;
+exports.TAvatar = index$A.TAvatar;
+exports.TBadge = index$B.TBadge;
+exports.TTag = index$C.TTag;
+exports.TTree = index$D.TTree;
+exports.TCascaderPanel = index$E.TCascaderPanel;
+exports.TCalendar = index$F.TCalendar;
+exports.TCarousel = index$G.TCarousel;
+exports.TAffix = index$H.TAffix;
+exports.TAnchor = index$I.TAnchor;
+exports.TAnchorLink = index$I.TAnchorLink;
+exports.TBackTop = index$J.TBackTop;
+exports.TLoadingBar = index$K.TLoadingBar;
+exports.TDropdown = index$L.TDropdown;
+exports.TDropdownGroup = index$L.TDropdownGroup;
+exports.TDropdownItem = index$L.TDropdownItem;
+exports.TMenu = index$M.TMenu;
+exports.TMenuGroup = index$M.TMenuGroup;
+exports.TMenuItem = index$M.TMenuItem;
+exports.TBreadcrumb = index$N.TBreadcrumb;
+exports.TBreadcrumbItem = index$N.TBreadcrumbItem;
+exports.TTab = index$O.TTab;
+exports.TTabs = index$O.TTabs;
+exports.TStep = index$P.TStep;
+exports.TSteps = index$P.TSteps;
+exports.TPagination = index$Q.TPagination;
+exports.TDivider = index$R.TDivider;
+exports.TLayout = index$S.TLayout;
+exports.TLayoutContent = index$S.TLayoutContent;
+exports.TLayoutFooter = index$S.TLayoutFooter;
+exports.TLayoutHeader = index$S.TLayoutHeader;
+exports.TLayoutSider = index$S.TLayoutSider;
+exports.TCol = index$T.TCol;
+exports.TFlex = index$T.TFlex;
+exports.TRow = index$T.TRow;
+exports.TGrid = index$U.TGrid;
+exports.TGridCol = index$U.TGridCol;
+exports.TSpace = index$V.TSpace;
+exports.TCard = index$W.TCard;
+exports.TList = index$X.TList;
+exports.TListItem = index$X.TListItem;
+exports["default"] = index;
+exports.install = install;