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

package/lib/components/Menu/index.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Menu = require('./Menu.js');
+var MenuItem = require('./MenuItem.js');
+var SubMenu = require('./SubMenu.js');
+var MenuItemGroup = require('./MenuItemGroup.js');
+var MenuDivider = require('./MenuDivider.js');
+var install = require('../../utils/install.js');
+var Menu_type = require('./Menu.type.js');
+
+const UMenu = install.withInstall(Menu["default"], {
+  Item: MenuItem["default"],
+  SubMenu: SubMenu["default"],
+  ItemGroup: MenuItemGroup["default"],
+  Divider: MenuDivider["default"]
+});
+
+exports.UMenuItem = MenuItem["default"];
+exports.USubMenu = SubMenu["default"];
+exports.UMenuItemGroup = MenuItemGroup["default"];
+exports.UMenuDivider = MenuDivider["default"];
+exports.menuEmits = Menu_type.menuEmits;
+exports.menuItemEmits = Menu_type.menuItemEmits;
+exports.menuItemGroupProps = Menu_type.menuItemGroupProps;
+exports.menuItemProps = Menu_type.menuItemProps;
+exports.menuMode = Menu_type.menuMode;
+exports.menuProps = Menu_type.menuProps;
+exports.menuTheme = Menu_type.menuTheme;
+exports.subMenuEmits = Menu_type.subMenuEmits;
+exports.subMenuProps = Menu_type.subMenuProps;
+exports.UMenu = UMenu;
+exports["default"] = UMenu;
+//# sourceMappingURL=index.js.map

package/lib/components/Menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Menu/index.ts"],"sourcesContent":["import Menu from './Menu';\nimport MenuItem from './MenuItem.vue';\nimport SubMenu from './SubMenu.vue';\nimport MenuItemGroup from './MenuItemGroup.vue';\nimport MenuDivider from './MenuDivider.vue';\nimport { withInstall } from '../../utils/install';\n\nexport const UMenu = withInstall(Menu, {\n  Item: MenuItem,\n  SubMenu,\n  ItemGroup: MenuItemGroup,\n  Divider: MenuDivider\n});\n\nexport default UMenu;\n\nexport { MenuItem as UMenuItem, SubMenu as USubMenu, MenuItemGroup as UMenuItemGroup, MenuDivider as UMenuDivider };\n\nexport * from './Menu.type';\n"],"names":["withInstall","Menu","MenuItem","SubMenu","MenuItemGroup","MenuDivider"],"mappings":";;;;;;;;;;;;MAOa,QAAQA,oBAAYC,iBAAM;AAAA,EACrC,MAAMC;AAAA,WACNC;AAAA,EACA,WAAWC;AAAA,EACX,SAASC;AACX,CAAC;;;;;;;;;;;;;;;;;;"}

package/lib/components/Menu/style/index.d.ts

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

package/lib/components/Menu/style/index.js

@@ -0,0 +1,5 @@
+'use strict';
+
+require('@koi-design/uxd-ui/styles/components/menu/index.less');
+
+//# sourceMappingURL=index.js.map

package/lib/components/Menu/style/index.js.map

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

package/lib/components/Message/Message.d.ts

@@ -0,0 +1,15 @@
+import type { MessageOption, MessageParams, MessageType } from './Message.type';
+export declare type MessageFunction = (options: string | Omit<MessageParams, 'type'>, duration?: number) => () => void;
+export interface Message {
+    config(options: MessageOption): void;
+    message(type: MessageType, options: string | Omit<MessageParams, 'type'>, duration?: number | undefined): () => void;
+    close(closeKey: string): void;
+    destroy(): void;
+    success: MessageFunction;
+    info: MessageFunction;
+    error: MessageFunction;
+    warning: MessageFunction;
+    loading: MessageFunction;
+}
+declare const _default: Message;
+export default _default;

package/lib/components/Message/Message.js

@@ -0,0 +1,138 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../Notification/index.js');
+var index = require('../Icon/index.js');
+var uxdIcon = require('@koi-design/uxd-icon');
+var Notification = require('../Notification/Notification.js');
+
+let prefixCls = "uui-message";
+const prefixKey = "uui_message_key_";
+let defaultDuration = 3;
+let defaultTop = "24px";
+let key = 0;
+let messageInstance;
+let transitionName = "move-up";
+let maxCount;
+const iconTypes = {
+  info: uxdIcon.USolidInfoCircle,
+  success: uxdIcon.USolidCheckmarkCircle,
+  warning: uxdIcon.USolidAlertCircle,
+  error: uxdIcon.USolidCloseCircle,
+  loading: uxdIcon.ULineLoading
+};
+const getMessageInstance = () => {
+  messageInstance = messageInstance || Notification["default"].newInstance({
+    prefixCls,
+    transitionName,
+    style: {
+      top: defaultTop
+    },
+    maxCount,
+    type: "message"
+  });
+  return messageInstance;
+};
+const notice = (args) => {
+  const {
+    type,
+    content
+  } = args;
+  const duration = args.duration !== void 0 ? args.duration : defaultDuration;
+  const iconType = iconTypes[type];
+  key += 1;
+  const target = args.key || `${prefixKey}${key}`;
+  const computedColor = {
+    info: "blue",
+    error: "red",
+    warning: "orange",
+    success: "green"
+  };
+  const instance = getMessageInstance();
+  instance && instance.notice({
+    key: target,
+    duration,
+    style: {},
+    msgType: type,
+    closable: args.closable,
+    onClose: args.onClose,
+    background: args.background,
+    content: () => vue.createVNode("div", {
+      "class": `${prefixCls}-custom-content ${prefixCls}-${type}`,
+      "data-color": computedColor[type] || void 0
+    }, [vue.createVNode(index.UIcon, {
+      "spin": type === "loading"
+    }, {
+      default: () => [vue.createVNode(iconType, null, null)]
+    }), vue.createVNode("span", null, [typeof content === "function" ? content() : content])])
+  });
+  const result = () => {
+    if (messageInstance) {
+      messageInstance.remove(target);
+    }
+  };
+  return result;
+};
+const api = {
+  config(options) {
+    if (options.top !== void 0) {
+      defaultTop = options.top;
+      messageInstance = null;
+    }
+    if (options.duration !== void 0) {
+      defaultDuration = options.duration;
+      messageInstance = null;
+    }
+    if (options.prefixCls !== void 0) {
+      prefixCls = options.prefixCls;
+    }
+    if (options.transitionName !== void 0) {
+      transitionName = options.transitionName;
+      messageInstance = null;
+    }
+    if (options.maxCount !== void 0) {
+      maxCount = options.maxCount;
+      messageInstance = null;
+    }
+  },
+  message(type, options, duration) {
+    let opt;
+    if (typeof options === "string") {
+      opt = {
+        type,
+        content: options,
+        duration
+      };
+    } else {
+      opt = {
+        type,
+        ...options,
+        ...duration ? {
+          duration
+        } : {}
+      };
+    }
+    return notice(opt);
+  },
+  close(closeKey) {
+    if (messageInstance) {
+      messageInstance.remove(closeKey);
+    }
+  },
+  destroy() {
+    if (messageInstance) {
+      messageInstance.destroy();
+      messageInstance = null;
+    }
+  }
+};
+["success", "info", "error", "warning", "loading"].forEach((type) => {
+  api[type] = (options, duration) => {
+    return api.message(type, options, duration);
+  };
+});
+
+exports["default"] = api;
+//# sourceMappingURL=Message.js.map

package/lib/components/Message/Message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.js","sources":["../../../../src/components/Message/Message.tsx"],"sourcesContent":["import type { Component } from 'vue';\nimport Notification from '@uxd-ui/components/Notification';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { USolidInfoCircle, USolidCheckmarkCircle, USolidAlertCircle, USolidCloseCircle, ULineLoading } from '@koi-design/uxd-icon';\nimport type { NoticationPublicInstance } from '../Notification/Notication.type';\nimport type { MessageOption, MessageParams, MessageType } from './Message.type';\n\nlet prefixCls = 'uui-message';\nconst prefixKey = 'uui_message_key_';\nlet defaultDuration = 3;\nlet defaultTop = '24px';\nlet key = 0;\nlet messageInstance: NoticationPublicInstance | null;\nlet transitionName = 'move-up';\nlet maxCount: number;\n\nconst iconTypes: Record<MessageType, Component> = {\n  info: USolidInfoCircle,\n  success: USolidCheckmarkCircle,\n  warning: USolidAlertCircle,\n  error: USolidCloseCircle,\n  loading: ULineLoading\n};\n\nconst getMessageInstance = () => {\n  messageInstance =\n    messageInstance ||\n    (Notification.newInstance({\n      prefixCls,\n      transitionName,\n      style: { top: defaultTop },\n      maxCount,\n      type: 'message'\n    }) as NoticationPublicInstance);\n  return messageInstance;\n};\n\nconst notice = (args: MessageParams) => {\n  const { type, content } = args;\n  const duration = args.duration !== undefined ? args.duration : defaultDuration;\n  const iconType = iconTypes[type];\n  key += 1;\n  const target = args.key || `${prefixKey}${key}`;\n\n  const computedColor = {\n    info: 'blue',\n    error: 'red',\n    warning: 'orange',\n    success: 'green'\n  };\n\n  const instance = getMessageInstance();\n  instance &&\n    instance.notice({\n      key: target,\n      duration,\n      style: {},\n      msgType: type,\n      closable: args.closable,\n      onClose: args.onClose,\n      background: args.background,\n      content: () => (\n        <div class={`${prefixCls}-custom-content ${prefixCls}-${type}`} data-color={computedColor[type] || undefined}>\n          <UIcon spin={type === 'loading'}>\n            <iconType />\n          </UIcon>\n          <span>{typeof content === 'function' ? content() : content}</span>\n        </div>\n      )\n    });\n\n  const result = () => {\n    if (messageInstance) {\n      messageInstance.remove(target);\n    }\n  };\n  return result;\n};\n\nconst api = {\n  config(options: MessageOption) {\n    if (options.top !== undefined) {\n      defaultTop = options.top;\n      messageInstance = null;\n    }\n    if (options.duration !== undefined) {\n      defaultDuration = options.duration;\n      messageInstance = null;\n    }\n    if (options.prefixCls !== undefined) {\n      prefixCls = options.prefixCls;\n    }\n    if (options.transitionName !== undefined) {\n      transitionName = options.transitionName;\n      messageInstance = null;\n    }\n    if (options.maxCount !== undefined) {\n      maxCount = options.maxCount;\n      messageInstance = null;\n    }\n  },\n  message(type: MessageType, options: string | Omit<MessageParams, 'type'>, duration?: number) {\n    let opt: MessageParams;\n    if (typeof options === 'string') {\n      opt = {\n        type,\n        content: options,\n        duration\n      };\n    } else {\n      opt = {\n        type,\n        ...options,\n        ...(duration ? { duration } : {})\n      };\n    }\n    return notice(opt);\n  },\n  close(closeKey: string) {\n    if (messageInstance) {\n      messageInstance.remove(closeKey);\n    }\n  },\n  destroy() {\n    if (messageInstance) {\n      messageInstance.destroy();\n      messageInstance = null;\n    }\n  }\n};\n\nexport type MessageFunction = (options: string | Omit<MessageParams, 'type'>, duration?: number) => () => void;\n\nexport interface Message {\n  config(options: MessageOption): void;\n  message(type: MessageType, options: string | Omit<MessageParams, 'type'>, duration?: number | undefined): () => void;\n  close(closeKey: string): void;\n  destroy(): void;\n  success: MessageFunction;\n  info: MessageFunction;\n  error: MessageFunction;\n  warning: MessageFunction;\n  loading: MessageFunction;\n}\n\n(['success', 'info', 'error', 'warning', 'loading'] as MessageType[]).forEach((type) => {\n  (api as Message)[type] = (options: string | Omit<MessageParams, 'type'>, duration?: number) => {\n    return api.message(type, options, duration);\n  };\n});\n\nexport default api as Message;\n"],"names":["prefixCls","prefixKey","defaultDuration","defaultTop","key","messageInstance","transitionName","maxCount","iconTypes","info","USolidInfoCircle","success","USolidCheckmarkCircle","warning","USolidAlertCircle","error","USolidCloseCircle","loading","ULineLoading","getMessageInstance","Notification","newInstance","style","top","type","notice","args","content","duration","undefined","iconType","target","computedColor","instance","msgType","closable","onClose","background","_createVNode","UIcon","default","result","remove","api","config","options","message","opt","close","closeKey","destroy","forEach"],"mappings":"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"}

package/lib/components/Message/Message.type.d.ts

@@ -0,0 +1,22 @@
+import type { CSSProperties, VNodeChild } from 'vue';
+export declare type MessageType = 'info' | 'success' | 'warning' | 'error' | 'loading';
+export interface MessageParams {
+    key?: string;
+    type: MessageType;
+    content: string | (() => VNodeChild);
+    top?: string;
+    bottom?: string;
+    duration?: number;
+    onClose?: () => void;
+    style?: CSSProperties;
+    class?: string;
+    closable?: boolean;
+    background?: boolean;
+}
+export interface MessageOption {
+    top?: string;
+    duration?: number;
+    prefixCls?: string;
+    transitionName?: string;
+    maxCount?: number;
+}

package/lib/components/Message/Message.type.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=Message.type.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Message.type.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/lib/components/Message/index.d.ts

@@ -0,0 +1,3 @@
+export declare const message: import("./Message").Message & import("vue").Plugin<any[]>;
+export default message;
+export * from './Message.type';

package/lib/components/Message/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Message = require('./Message.js');
+var install = require('../../utils/install.js');
+require('./Message.type.js');
+
+const message = install.withInstallPlugin(Message["default"], "$message");
+
+exports["default"] = message;
+exports.message = message;
+//# sourceMappingURL=index.js.map

package/lib/components/Message/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Message/index.ts"],"sourcesContent":["import Message from './Message';\nimport { withInstallPlugin } from '../../utils/install';\n\nexport const message = withInstallPlugin(Message, '$message');\nexport default message;\n\nexport * from './Message.type';\n"],"names":["withInstallPlugin","Message"],"mappings":";;;;;;;;MAGa,UAAUA,0BAAkBC,oBAAS,UAAU;;;;;"}

package/lib/components/Message/style/index.d.ts

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

package/lib/components/Message/style/index.js

@@ -0,0 +1,5 @@
+'use strict';
+
+require('@koi-design/uxd-ui/styles/components/message/index.less');
+
+//# sourceMappingURL=index.js.map

package/lib/components/Message/style/index.js.map

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

package/lib/components/Modal/ConfirmDialog.js

@@ -0,0 +1,170 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../Icon/index.js');
+var uxdIcon = require('@koi-design/uxd-icon');
+var index$1 = require('../Button/index.js');
+var Render = require('../base/Render.js');
+var Modal = require('./Modal.js');
+var useGlobalConfig = require('../base/hooks/useGlobalConfig.js');
+var Modal_type = require('./Modal.type.js');
+var pluginVue_exportHelper = require('../../_virtual/plugin-vue_export-helper.js');
+
+const _sfc_main = vue.defineComponent({
+  name: "ConfirmDialog",
+  components: {
+    Modal: Modal["default"],
+    UIcon: index.UIcon,
+    UButton: index$1.UButton,
+    USolidInfoCircle: uxdIcon.USolidInfoCircle,
+    USolidCheckmarkCircle: uxdIcon.USolidCheckmarkCircle,
+    USolidCloseCircle: uxdIcon.USolidCloseCircle,
+    USolidAlertCircle: uxdIcon.USolidAlertCircle,
+    USolidHelpCircle: uxdIcon.USolidHelpCircle,
+    URoundHelpCircle: uxdIcon.URoundHelpCircle,
+    Render: Render["default"]
+  },
+  props: Modal_type.confirmDialogProps,
+  setup(props) {
+    const { prefixCls, config: globalConfig } = useGlobalConfig["default"]("modal");
+    const stateLoading = vue.ref(false);
+    const confirmClass = vue.computed(() => {
+      return [`${prefixCls.value}-confirm`, `${prefixCls.value}-confirm-${props.type}`, `${prefixCls.value}-${props.type}`];
+    });
+    const computedLocale = vue.computed(() => {
+      return props.locale || globalConfig.locale.modal;
+    });
+    const closeConfirm = () => {
+      if (props.close) {
+        props.close();
+      }
+    };
+    const handleCancel = () => {
+      if (props.onCancel) {
+        props.onCancel();
+      }
+      closeConfirm();
+    };
+    const handleOk = () => {
+      if (props.onOk) {
+        props.onOk();
+      }
+      if (props.loading) {
+        stateLoading.value = true;
+      } else {
+        closeConfirm();
+      }
+    };
+    const closableClose = (type) => {
+      if (props.closable && type === "close") {
+        closeConfirm();
+      }
+    };
+    const computedWidth = vue.computed(() => {
+      if (props.width) {
+        return props.width;
+      }
+      if (props.size === "small") {
+        return 384;
+      }
+      return 416;
+    });
+    return {
+      prefixCls,
+      confirmClass,
+      stateLoading,
+      computedLocale,
+      computedWidth,
+      handleOk,
+      handleCancel,
+      closableClose
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_UIcon = vue.resolveComponent("UIcon");
+  const _component_Render = vue.resolveComponent("Render");
+  const _component_UButton = vue.resolveComponent("UButton");
+  const _component_Modal = vue.resolveComponent("Modal");
+  return vue.openBlock(), vue.createBlock(_component_Modal, {
+    id: _ctx.id,
+    visible: _ctx.visible,
+    "custom-class": _ctx.confirmClass,
+    "mask-closable": false,
+    width: _ctx.computedWidth,
+    size: _ctx.size,
+    "footer-hide": "",
+    "after-close": _ctx.afterClose,
+    closable: _ctx.closable,
+    onClose: _ctx.closableClose
+  }, {
+    default: vue.withCtx(() => [
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass(`${_ctx.prefixCls}-confirm-body-wrapper`)
+      }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(`${_ctx.prefixCls}-confirm-body`)
+        }, [
+          vue.createVNode(_component_UIcon, {
+            class: vue.normalizeClass(`${_ctx.prefixCls}-confirm-icon`)
+          }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconName)))
+            ]),
+            _: 1
+          }, 8, ["class"]),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(`${_ctx.prefixCls}-confirm-content-wrap`)
+          }, [
+            _ctx.title !== void 0 ? (vue.openBlock(), vue.createElementBlock("span", {
+              key: 0,
+              class: vue.normalizeClass(`${_ctx.prefixCls}-confirm-title`)
+            }, vue.toDisplayString(_ctx.title), 3)) : vue.createCommentVNode("v-if", true),
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(`${_ctx.prefixCls}-confirm-content`)
+            }, [
+              typeof _ctx.content === "function" ? (vue.openBlock(), vue.createBlock(_component_Render, {
+                key: 0,
+                render: _ctx.content
+              }, null, 8, ["render"])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                vue.createTextVNode(vue.toDisplayString(_ctx.content), 1)
+              ], 64))
+            ], 2)
+          ], 2)
+        ], 2),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(`${_ctx.prefixCls}-confirm-button-wrap`)
+        }, [
+          _ctx.okCancel ? (vue.openBlock(), vue.createBlock(_component_UButton, {
+            key: 0,
+            size: _ctx.size,
+            onClick: _ctx.handleCancel
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.cancelText || _ctx.computedLocale.cancelText), 1)
+            ]),
+            _: 1
+          }, 8, ["size", "onClick"])) : vue.createCommentVNode("v-if", true),
+          vue.createVNode(_component_UButton, {
+            type: "primary",
+            size: _ctx.size,
+            loading: _ctx.stateLoading,
+            onClick: _ctx.handleOk
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.okText || _ctx.computedLocale.okText), 1)
+            ]),
+            _: 1
+          }, 8, ["size", "loading", "onClick"])
+        ], 2)
+      ], 2)
+    ]),
+    _: 1
+  }, 8, ["id", "visible", "custom-class", "width", "size", "after-close", "closable", "onClose"]);
+}
+var ConfirmDialog = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "E:\\br-fe\\uxd-ui\\src\\components\\Modal\\ConfirmDialog.vue"]]);
+
+exports["default"] = ConfirmDialog;
+//# sourceMappingURL=ConfirmDialog.js.map

package/lib/components/Modal/ConfirmDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.js","sources":["../../../../src/components/Modal/ConfirmDialog.vue"],"sourcesContent":["<template>\n  <Modal\n    :id=\"id\"\n    :visible=\"visible\"\n    :custom-class=\"confirmClass\"\n    :mask-closable=\"false\"\n    :width=\"computedWidth\"\n    :size=\"size\"\n    footer-hide\n    :after-close=\"afterClose\"\n    :closable=\"closable\"\n    @close=\"closableClose\"\n  >\n    <div :class=\"`${prefixCls}-confirm-body-wrapper`\">\n      <div :class=\"`${prefixCls}-confirm-body`\">\n        <UIcon :class=\"`${prefixCls}-confirm-icon`\">\n          <component :is=\"iconName\" />\n        </UIcon>\n        <div :class=\"`${prefixCls}-confirm-content-wrap`\">\n          <span v-if=\"title !== undefined\" :class=\"`${prefixCls}-confirm-title`\">\n            {{ title }}\n          </span>\n          <div :class=\"`${prefixCls}-confirm-content`\">\n            <template v-if=\"typeof content === 'function'\">\n              <Render :render=\"content\" />\n            </template>\n            <template v-else> {{ content }} </template>\n          </div>\n        </div>\n      </div>\n      <div :class=\"`${prefixCls}-confirm-button-wrap`\">\n        <UButton v-if=\"okCancel\" :size=\"size\" @click=\"handleCancel\">\n          {{ cancelText || computedLocale.cancelText }}\n        </UButton>\n        <UButton type=\"primary\" :size=\"size\" :loading=\"stateLoading\" @click=\"handleOk\">\n          {{ okText || computedLocale.okText }}\n        </UButton>\n      </div>\n    </div>\n  </Modal>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\n\nimport UIcon from '@uxd-ui/components/Icon';\nimport {\n  USolidInfoCircle,\n  USolidCheckmarkCircle,\n  USolidCloseCircle,\n  USolidAlertCircle,\n  USolidHelpCircle,\n  URoundHelpCircle\n} from '@koi-design/uxd-icon';\nimport UButton from '@uxd-ui/components/Button';\nimport Render from '../base/Render';\nimport Modal from './Modal.vue';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { confirmDialogProps, type ModalCloseType } from './Modal.type';\n\nexport default defineComponent({\n  name: 'ConfirmDialog',\n  components: {\n    Modal,\n    UIcon,\n    UButton,\n    USolidInfoCircle,\n    USolidCheckmarkCircle,\n    USolidCloseCircle,\n    USolidAlertCircle,\n    USolidHelpCircle,\n    URoundHelpCircle,\n    Render\n  },\n  props: confirmDialogProps,\n  setup(props) {\n    const { prefixCls, config: globalConfig } = useGlobalConfig('modal');\n    const stateLoading = ref(false);\n    // ===================== computed ============================\n    const confirmClass = computed(() => {\n      return [`${prefixCls.value}-confirm`, `${prefixCls.value}-confirm-${props.type}`, `${prefixCls.value}-${props.type}`];\n    });\n    const computedLocale = computed(() => {\n      return props.locale || globalConfig.locale.modal;\n    });\n    // ===================== computed ============================\n    const closeConfirm = () => {\n      if (props.close) {\n        props.close();\n      }\n    };\n    const handleCancel = () => {\n      if (props.onCancel) {\n        props.onCancel();\n      }\n      closeConfirm();\n    };\n    const handleOk = () => {\n      if (props.onOk) {\n        props.onOk();\n      }\n      if (props.loading) {\n        stateLoading.value = true;\n      } else {\n        closeConfirm();\n      }\n    };\n\n    const closableClose = (type: ModalCloseType) => {\n      if (props.closable && type === 'close') {\n        closeConfirm();\n      }\n    };\n\n    const computedWidth = computed(() => {\n      if (props.width) {\n        return props.width;\n      }\n      if (props.size === 'small') {\n        return 384;\n      }\n      return 416;\n    });\n\n    return {\n      prefixCls,\n      confirmClass,\n      stateLoading,\n      computedLocale,\n      computedWidth,\n      handleOk,\n      handleCancel,\n      closableClose\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","Modal","UIcon","UButton","USolidInfoCircle","USolidCheckmarkCircle","USolidCloseCircle","USolidAlertCircle","USolidHelpCircle","URoundHelpCircle","Render","confirmDialogProps","useGlobalConfig","ref","computed","_createBlock","_createElementVNode","_normalizeClass","_createVNode","_resolveDynamicComponent","_createElementBlock","_Fragment"],"mappings":";;;;;;;;;;;;;;AA4DA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,WACVC;AAAA,WACAC;AAAA,aACAC;AAAA,sBACAC;AAAA,2BACAC;AAAA,uBACAC;AAAA,uBACAC;AAAA,sBACAC;AAAA,sBACAC;AAAA,YACAC;AAAA;AACF,EACA,OAAOC;AAAA,EACP,MAAM,OAAO;UACL,EAAE,WAAW,QAAQ,iBAAiBC,2BAAgB,OAAO;UAC7D,eAAeC,QAAI,KAAK;UAExB,eAAeC,aAAS,MAAM;aAC3B,CAAC,GAAG,UAAU,iBAAiB,GAAG,UAAU,iBAAiB,MAAM,QAAQ,GAAG,UAAU,SAAS,MAAM,MAAM;AAAA,KACrH;UACK,iBAAiBA,aAAS,MAAM;aAC7B,MAAM,UAAU,aAAa,OAAO;AAAA,KAC5C;UAEK,eAAe,MAAM;UACrB,MAAM,OAAO;cACT;AAAM;AACd;UAEI,eAAe,MAAM;UACrB,MAAM,UAAU;cACZ;AAAS;;AAEJ;UAET,WAAW,MAAM;UACjB,MAAM,MAAM;cACR;AAAK;UAET,MAAM,SAAS;qBACJ,QAAQ;AAAA,aAChB;;AACQ;AACf;UAGI,gBAAgB,CAAC,SAAyB;UAC1C,MAAM,YAAY,SAAS,SAAS;;AACzB;AACf;UAGI,gBAAgBA,aAAS,MAAM;UAC/B,MAAM,OAAO;eACR,MAAM;AAAA;UAEX,MAAM,SAAS,SAAS;eACnB;AAAA;aAEF;AAAA,KACR;WAEM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;;;0BAtICC,gBAsCQ;IArCL,IAAI;IACJ,SAAS;IACT,gBAAc;IACd,iBAAe;AAAA,IACf,OAAO;IACP,MAAM;IACP;IACC,eAAa;IACb,UAAU;IACV,SAAO;;yBAER,MAyBM;AAAA,MAzBNC,uBAyBM;QAzBA,OAAKC,sBAAK,qCAAS;AAAA;QACvBD,uBAeM;UAfA,OAAKC,sBAAK,6BAAS;AAAA;UACvBC,gBAEQ;YAFA,OAAKD,sBAAK,6BAAS;AAAA;iCACzB,MAA4B;AAAA,gCAA5BF,gBAA4BI,4BAAZ,aAAQ;;;;UAE1BH,uBAUM;YAVA,OAAKC,sBAAK,qCAAS;AAAA;YACX,eAAU,2BAAtBG,uBAEO;;cAF2B,OAAKH,sBAAK,8BAAS;AAAA,mCAChD,UAAK;YAEVD,uBAKM;cALA,OAAKC,sBAAK,gCAAS;AAAA;qBACA,iBAAO,+BAC5BF,gBAA4B;;gBAAnB,QAAQ;2DAEnBK,uBAA2CC;wDAAtB,YAAO;;;;;QAIlCL,uBAOM;UAPA,OAAKC,sBAAK,oCAAS;AAAA;UACR,kCAAfF,gBAEU;;YAFgB,MAAM;YAAO,SAAO;;iCAC5C,MAA6C;AAAA,sDAA1C,mBAAc,oBAAe,UAAU;;;;UAE5CG,gBAEU;YAFD,MAAK;AAAA,YAAW,MAAM;YAAO,SAAS;YAAe,SAAO;;iCACnE,MAAqC;AAAA,sDAAlC,eAAU,oBAAe,MAAM;;;;;;;;;;;;;;"}

package/lib/components/Modal/ConfirmDialog.vue.d.ts

@@ -0,0 +1,86 @@
+import { type ModalCloseType } from './Modal.type';
+declare const _default: import("vue").DefineComponent<{
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    type: StringConstructor;
+    content: import("vue").PropType<string | (() => import("vue").VNodeChild)>;
+    title: StringConstructor;
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    okCancel: BooleanConstructor;
+    iconName: import("vue").PropType<import("../..").IconPropType>;
+    okText: StringConstructor;
+    cancelText: StringConstructor;
+    close: import("vue").PropType<() => void>;
+    afterClose: import("vue").PropType<() => void>;
+    onOk: import("vue").PropType<() => void>;
+    onCancel: import("vue").PropType<() => void>;
+    id: StringConstructor;
+    locale: import("vue").PropType<import("../locale/default").ModalLocal>;
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import("vue").PropType<"small" | "default">;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+}, {
+    prefixCls: import("vue").ComputedRef<string>;
+    confirmClass: import("vue").ComputedRef<string[]>;
+    stateLoading: import("vue").Ref<boolean, boolean>;
+    computedLocale: import("vue").ComputedRef<import("../locale/default").ModalLocal>;
+    computedWidth: import("vue").ComputedRef<string | number>;
+    handleOk: () => void;
+    handleCancel: () => void;
+    closableClose: (type: ModalCloseType) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    type: StringConstructor;
+    content: import("vue").PropType<string | (() => import("vue").VNodeChild)>;
+    title: StringConstructor;
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    okCancel: BooleanConstructor;
+    iconName: import("vue").PropType<import("../..").IconPropType>;
+    okText: StringConstructor;
+    cancelText: StringConstructor;
+    close: import("vue").PropType<() => void>;
+    afterClose: import("vue").PropType<() => void>;
+    onOk: import("vue").PropType<() => void>;
+    onCancel: import("vue").PropType<() => void>;
+    id: StringConstructor;
+    locale: import("vue").PropType<import("../locale/default").ModalLocal>;
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import("vue").PropType<"small" | "default">;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+}>>, {
+    loading: boolean;
+    closable: boolean;
+    size: "small" | "default";
+    visible: boolean;
+    okCancel: boolean;
+}, {}>;
+export default _default;