tanxin-ui 0.2.0

package/es/popconfirm/index.d.ts

@@ -0,0 +1,278 @@
+declare const TPopconfirm: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            content: string;
+            minWidth: string | number;
+            offset: string | number;
+            visible: boolean;
+            trigger: string;
+            placement: string;
+            transitionName: string;
+            cancelText: string;
+            cancelType: string;
+            confirmType: string;
+            confirmText: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            trigger: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            placement: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            visible: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            content: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            confirmType: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            cancelType: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            confirmText: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            cancelText: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            transitionName: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            offset: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            minWidth: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            width: import("vue-types").VueTypeDef<string | number>;
+            height: import("vue-types").VueTypeDef<string | number>;
+        }>> & {
+            "onUpdate:visible"?: (...args: any[]) => any;
+            onConfirm?: (...args: any[]) => any;
+            onCancel?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "content" | "minWidth" | "offset" | "visible" | "trigger" | "placement" | "transitionName" | "cancelText" | "cancelType" | "confirmType" | "confirmText">;
+        $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: "update:visible" | "confirm" | "cancel", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            trigger: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            placement: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            visible: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            content: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            confirmType: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            cancelType: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            confirmText: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            cancelText: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            transitionName: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            offset: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            minWidth: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            width: import("vue-types").VueTypeDef<string | number>;
+            height: import("vue-types").VueTypeDef<string | number>;
+        }>> & {
+            "onUpdate:visible"?: (...args: any[]) => any;
+            onConfirm?: (...args: any[]) => any;
+            onCancel?: (...args: any[]) => any;
+        }, {
+            render: () => JSX.Element;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:visible" | "confirm" | "cancel")[], string, {
+            content: string;
+            minWidth: string | number;
+            offset: string | number;
+            visible: boolean;
+            trigger: string;
+            placement: string;
+            transitionName: string;
+            cancelText: string;
+            cancelType: string;
+            confirmType: string;
+            confirmText: string;
+        }> & {
+            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<{
+        trigger: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        placement: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        visible: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        content: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        confirmType: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        cancelType: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        confirmText: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        cancelText: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        transitionName: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        offset: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        minWidth: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        width: import("vue-types").VueTypeDef<string | number>;
+        height: import("vue-types").VueTypeDef<string | number>;
+    }>> & {
+        "onUpdate:visible"?: (...args: any[]) => any;
+        onConfirm?: (...args: any[]) => any;
+        onCancel?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<{
+        render: () => JSX.Element;
+    }> & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    trigger: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    placement: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    visible: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    content: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    confirmType: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    cancelType: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    confirmText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    cancelText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    transitionName: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    offset: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    minWidth: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    width: import("vue-types").VueTypeDef<string | number>;
+    height: import("vue-types").VueTypeDef<string | number>;
+}>> & {
+    "onUpdate:visible"?: (...args: any[]) => any;
+    onConfirm?: (...args: any[]) => any;
+    onCancel?: (...args: any[]) => any;
+}, {
+    render: () => JSX.Element;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:visible" | "confirm" | "cancel")[], "update:visible" | "confirm" | "cancel", {
+    content: string;
+    minWidth: string | number;
+    offset: string | number;
+    visible: boolean;
+    trigger: string;
+    placement: string;
+    transitionName: string;
+    cancelText: string;
+    cancelType: string;
+    confirmType: string;
+    confirmText: string;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+export { TPopconfirm };

package/es/popconfirm/index.js

@@ -0,0 +1,4 @@
+import { withInstall } from "../utils/type.js";
+import Popconfirm from "./src/popconfirm.js";
+const TPopconfirm = withInstall(Popconfirm);
+export { TPopconfirm };

package/es/popconfirm/src/popconfirm.d.ts

@@ -0,0 +1,108 @@
+declare const _default: import("vue").DefineComponent<{
+    trigger: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    placement: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    visible: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    content: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    confirmType: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    cancelType: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    confirmText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    cancelText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    transitionName: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    offset: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    minWidth: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    width: import("vue-types").VueTypeDef<string | number>;
+    height: import("vue-types").VueTypeDef<string | number>;
+}, {
+    render: () => JSX.Element;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:visible" | "confirm" | "cancel")[], "update:visible" | "confirm" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    trigger: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    placement: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    visible: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    content: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    confirmType: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    cancelType: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    confirmText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    cancelText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    transitionName: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    offset: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    minWidth: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    width: import("vue-types").VueTypeDef<string | number>;
+    height: import("vue-types").VueTypeDef<string | number>;
+}>> & {
+    "onUpdate:visible"?: (...args: any[]) => any;
+    onConfirm?: (...args: any[]) => any;
+    onCancel?: (...args: any[]) => any;
+}, {
+    content: string;
+    minWidth: string | number;
+    offset: string | number;
+    visible: boolean;
+    trigger: string;
+    placement: string;
+    transitionName: string;
+    cancelText: string;
+    cancelType: string;
+    confirmType: string;
+    confirmText: string;
+}>;
+export default _default;

package/es/popconfirm/src/popconfirm.js

@@ -0,0 +1,185 @@
+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));
+import { defineComponent, ref, computed, createVNode, resolveComponent, watch, Fragment, mergeProps } from "vue";
+import { PropTypes } from "../../utils/type.js";
+import { useConfig } from "../../utils/hooks/useConfig.js";
+import { TButton } from "../../button/index.js";
+import { TIcon } from "../../icon/index.js";
+import { TPopper } from "../../popper/index.js";
+import "../../utils/components/icons/Checkmark.js";
+import "../../utils/components/icons/CheckmarkCircle.js";
+import "../../utils/components/icons/CheckmarkSharp.js";
+import "../../utils/components/icons/CheckmarkCircleOutline.js";
+import "../../utils/components/icons/AlertCircle.js";
+import "../../utils/components/icons/AlertCircleOutline.js";
+import "../../utils/components/icons/InformationCircle.js";
+import "../../utils/components/icons/InformationCircleOutline.js";
+import "../../utils/components/icons/CloseCircle.js";
+import "../../utils/components/icons/CloseCircleOutline.js";
+import HelpCircleSharp from "../../utils/components/icons/HelpCircleSharp.js";
+import "../../utils/components/icons/EyeOffOutline.js";
+import "../../utils/components/icons/EyeOutline.js";
+import "../../utils/components/icons/LoadingOutlined.js";
+import "../../utils/components/icons/Close.js";
+import "../../utils/components/icons/CloseOutline.js";
+import "../../utils/components/icons/ArrowsMaximize.js";
+import "../../utils/components/icons/ArrowsMinimize.js";
+import "../../utils/components/icons/AddOutline.js";
+import "../../utils/components/icons/RemoveOutline.js";
+import "../../utils/components/icons/ChevronUp.js";
+import "../../utils/components/icons/ChevronDown.js";
+import "../../utils/components/icons/ChevronForward.js";
+import "../../utils/components/icons/ChevronLeft24Filled.js";
+import "../../utils/components/icons/ChevronRight24Filled.js";
+import "../../utils/components/icons/ChevronDoubleLeft16Filled.js";
+import "../../utils/components/icons/ChevronDoubleRight16Filled.js";
+import "../../utils/components/icons/CheckmarkOutline.js";
+import "../../utils/components/icons/IosCheckmark.js";
+import "../../utils/components/icons/Empty.js";
+import "../../utils/components/icons/Bars.js";
+import "../../utils/components/icons/ArrowUpCircle.js";
+import "../../utils/components/icons/ArrowUp.js";
+import "../../utils/components/icons/ArrowForward.js";
+import "../../utils/components/icons/TimeOutline.js";
+import "../../utils/components/icons/CalendarClearOutline.js";
+import "../../utils/components/icons/KeyboardArrowLeftRound.js";
+import "../../utils/components/icons/KeyboardArrowRightRound.js";
+import "../../utils/components/icons/KeyboardDoubleArrowLeftRound.js";
+import "../../utils/components/icons/KeyboardDoubleArrowRightRound.js";
+import "../../utils/components/icons/MenuFoldOutlined.js";
+import "../../utils/components/icons/IosArrowDown.js";
+import "../../utils/components/icons/IosArrowBack.js";
+import "../../utils/components/icons/IosArrowForward.js";
+import "../../utils/components/icons/ImageSharp.js";
+import "../../utils/components/icons/Pause.js";
+import "../../utils/components/icons/Refresh.js";
+import "../../utils/components/icons/QuestionCircle24Regular.js";
+import "../../utils/components/icons/CloudUploadOutline.js";
+import "../../utils/components/icons/UploadFileFilled.js";
+import "../../utils/components/icons/EllipsisHorizontal.js";
+import "../../utils/components/icons/ArrowNext24Filled.js";
+import "../../utils/components/icons/ArrowPrevious24Filled.js";
+import "../../utils/components/icons/ArrowDropDownSharp.js";
+import "../../utils/components/icons/ArrowDropUpSharp.js";
+import "../../utils/components/icons/ArrowForwardIosFilled.js";
+const popconfirmProps = {
+  trigger: PropTypes.oneOf(["hover", "click", "focus", "contextMenu"]).def("click"),
+  placement: PropTypes.oneOf(["top", "topLeft", "topRight", "left", "leftTop", "leftBottom", "right", "rightTop", "rightBottom", "bottom", "bottomLeft", "bottomRight"]).def("top"),
+  visible: PropTypes.bool.def(false),
+  content: PropTypes.string,
+  confirmType: PropTypes.oneOf(["primary", "success", "warning", "danger", "info", "default"]).def("primary"),
+  cancelType: PropTypes.oneOf(["primary", "success", "warning", "danger", "info", "default"]).def("default"),
+  confirmText: PropTypes.string.def("\u786E\u5B9A"),
+  cancelText: PropTypes.string.def("\u53D6\u6D88"),
+  transitionName: PropTypes.string.def("fade"),
+  offset: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def(10),
+  minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def(150),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+var Popconfirm = defineComponent({
+  name: "TPopconfirm",
+  components: {
+    TButton,
+    TIcon,
+    TPopper,
+    HelpCircleSharp
+  },
+  inheritAttrs: false,
+  props: popconfirmProps,
+  emits: ["update:visible", "cancel", "confirm"],
+  setup(props, {
+    slots,
+    emit,
+    attrs
+  }) {
+    const {
+      prefixCls
+    } = useConfig("popconfirm", props);
+    const visible = ref(props.visible);
+    const content = computed(() => {
+      if (slots.content)
+        return slots.content();
+      return createVNode("div", {
+        "class": `${prefixCls.value}-body`
+      }, [createVNode(resolveComponent("t-icon"), null, {
+        default: () => [createVNode(HelpCircleSharp, null, null)]
+      }), createVNode("div", {
+        "class": `${prefixCls.value}-body-message`
+      }, [props.content])]);
+    });
+    const handleCancel = () => {
+      visible.value = false;
+      emit("cancel");
+    };
+    const handleConfirm = (event) => {
+      console.log("pop handleConfirm", event);
+      visible.value = false;
+      emit("confirm");
+    };
+    watch(() => props.visible, () => {
+      visible.value = props.visible;
+    });
+    watch(() => visible.value, () => {
+      if (props.visible != visible.value)
+        emit("update:visible", visible.value);
+    });
+    const render = () => {
+      const popContent = createVNode(Fragment, null, [content.value ? createVNode("div", {
+        "class": `${prefixCls.value}-content`
+      }, [content.value, createVNode("div", {
+        "class": `${prefixCls.value}-footer`
+      }, [createVNode(resolveComponent("t-button"), {
+        "size": "xs",
+        "type": props.cancelType,
+        "onClick": handleCancel
+      }, {
+        default: () => [props.cancelText]
+      }), createVNode(resolveComponent("t-button"), {
+        "size": "xs",
+        "type": props.confirmType,
+        "onClick": handleConfirm
+      }, {
+        default: () => [props.confirmText]
+      })])]) : null]);
+      const inSlots = {
+        trigger: () => {
+          var _a;
+          return (_a = slots.default) == null ? void 0 : _a.call(slots);
+        },
+        content: () => popContent
+      };
+      const popperProps = __spreadProps(__spreadValues(__spreadValues({}, props), attrs), {
+        class: [`${prefixCls.value}`]
+      });
+      return createVNode(Fragment, null, [createVNode(resolveComponent("t-popper"), mergeProps(popperProps, {
+        "visible": visible.value,
+        "onUpdate:visible": ($event) => visible.value = $event
+      }), inSlots)]);
+    };
+    return {
+      render
+    };
+  },
+  render() {
+    return this.render();
+  }
+});
+export { Popconfirm as default };