hy-dispatch-ui-v3 0.1.0 → 0.1.2

package/lib/components/appConfigProvider/appConfigProvider.vue.js

@@ -0,0 +1,114 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var ElementLocale = require('element-plus/es/locales.mjs');
+var useGlobalConfig = require('../../hooks/useGlobalConfig.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var ElementLocale__namespace = /*#__PURE__*/_interopNamespaceDefault(ElementLocale);
+
+const __default__ = vue.defineComponent({
+  name: "AppConfigProvider"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    locale: {
+      type: String,
+      required: false,
+      default: "zhCn"
+    },
+    api: {
+      type: [Object, Function],
+      required: false
+    },
+    userAvatarMap: {
+      type: Map,
+      required: false,
+      default: () => /* @__PURE__ */ new Map()
+    },
+    size: {
+      type: String,
+      required: false,
+      default: "default"
+    },
+    zIndex: {
+      type: Number,
+      required: false
+    },
+    button: {
+      type: Object,
+      required: false
+    },
+    link: {
+      type: Object,
+      required: false
+    },
+    dialog: {
+      type: Object,
+      required: false
+    },
+    message: {
+      type: Object,
+      required: false
+    },
+    emptyValues: {
+      type: String,
+      required: false
+    },
+    valueOnClear: {
+      type: [String, Number, null],
+      required: false
+    },
+    table: {
+      type: Object,
+      required: false
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const globalConfig = useGlobalConfig.provideGlobalConfig(props);
+    const config = vue.computed(() => {
+      const { locale, api, userAvatarMap, ...config2 } = globalConfig.value;
+      return {
+        locale: ElementLocale__namespace[locale] || ElementLocale__namespace["zhCn"],
+        ...config2
+      };
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(
+        vue.unref(elementPlus.ElConfigProvider),
+        vue.mergeProps(config.value, { namespace: "hy-el" }),
+        {
+          default: vue.withCtx(({ config: config2 }) => [
+            vue.renderSlot(_ctx.$slots, "default", { config: config2 })
+          ]),
+          _: 3
+          /* FORWARDED */
+        },
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/components/appConfigProvider/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var appConfigProvider = require('./appConfigProvider.vue.js');
+var handler = require('../../utils/handler.js');
+
+const AppConfigProvider = handler.withInstall(appConfigProvider.default);
+
+exports.AppConfigProvider = AppConfigProvider;
+exports.default = AppConfigProvider;

package/lib/components/appConfirmDialog/appConfirmDialog.vue.js

@@ -5,15 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var elementPlus = require('element-plus');
 var iconsVue = require('@element-plus/icons-vue');
+var index = require('../appButton/index.js');
 var useLocale = require('../../hooks/useLocale.js');
 
-import "./style/appConfirmDialog.scss";
-
 const __default__ = vue.defineComponent({
   name: "AppConfirmDialog"
 });
 const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
-  props: {
+  props: /* @__PURE__ */ vue.mergeModels({
     width: {
       type: [String, Number],
       default: 500
@@ -32,15 +31,15 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     },
     showClose: {
       type: Boolean,
-      default: true
+      default: false
     },
     showCancel: {
       type: Boolean,
       default: true
     },
-    cancelClass: {
+    cancelType: {
       type: String,
-      default: "button_default"
+      default: "default"
     },
     cancelText: {
       type: String
@@ -49,40 +48,78 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       type: Boolean,
       default: true
     },
-    submitClass: {
+    submitType: {
       type: String,
-      default: "button_delete"
+      default: "primary"
     },
     submitText: {
       type: String
     },
-    textAlign: {
+    iconColor: {
       type: String,
-      default: "center"
-    },
-    onCancel: {
-      type: Function
+      default: "rgb(var(--hy-main))"
     },
-    onSubmit: {
-      type: Function
-    }
-  },
-  emits: ["on-submit", "on-close"],
+    onClose: Function,
+    onCancel: Function,
+    onSubmit: Function
+  }, {
+    "modelValue": { type: Boolean, default: false },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(["hide"], ["update:modelValue"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const { t } = useLocale.useLocale();
-    const visible = vue.ref(false);
+    const visible = vue.useModel(__props, "modelValue");
+    const loading = vue.ref(false);
     async function onSubmitHandler() {
+      if (loading.value) return;
+      loading.value = true;
       if (props.onSubmit) {
-        await props.onSubmit();
+        try {
+          await props.onSubmit();
+        } catch (err) {
+          console.error(err);
+          loading.value = false;
+          return;
+        }
       }
       visible.value = false;
+      loading.value = false;
+      emits("hide");
     }
-    async function onCloseHandler() {
+    async function onCancelHandler() {
+      if (loading.value) return;
+      loading.value = true;
       if (props.onCancel) {
-        await props.onCancel();
+        try {
+          await props.onCancel();
+        } catch (err) {
+          console.error(err);
+          loading.value = false;
+          return;
+        }
       }
       visible.value = false;
+      loading.value = false;
+      emits("hide");
+    }
+    async function onCloseHandler() {
+      if (loading.value) return;
+      loading.value = true;
+      if (props.onClose) {
+        try {
+          await props.onClose();
+        } catch (err) {
+          console.error(err);
+          loading.value = false;
+          return;
+        }
+      }
+      visible.value = false;
+      loading.value = false;
+      emits("hide");
     }
     __expose({
       show: () => {
@@ -101,11 +138,14 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         "close-on-click-modal": false,
         "close-on-press-escape": false,
         "show-close": false,
-        top: "15%",
-        class: "app-confirm-dialog"
+        top: "15%"
       }, _ctx.$attrs), {
         header: vue.withCtx(() => [
-          vue.createElementVNode("div", { class: "h-[38px] flex items-center justify-between border-b border-border pl-4 pr-[10px]" }, [
+          vue.createElementVNode("div", {
+            class: "h-[38px] flex items-center justify-between border-b border-border pl-4 pr-[10px]",
+            onClick: vue.withModifiers(() => {
+            }, ["stop"])
+          }, [
             vue.createElementVNode(
               "span",
               { class: "text-sm text-main font-bold" },
@@ -113,60 +153,66 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
               1
               /* TEXT */
             ),
-            __props.showClose ? (vue.openBlock(), vue.createElementBlock("div", {
-              key: 0,
-              class: "flex items-center clickBox",
-              onClick: onCloseHandler
-            }, [
-              vue.createVNode(vue.unref(elementPlus.ElIcon), {
-                size: "18",
-                color: "var(--danger)"
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(iconsVue.CircleClose))
-                ]),
-                _: 1
-                /* STABLE */
-              })
-            ])) : vue.createCommentVNode("v-if", true)
-          ])
+            __props.showClose ? (vue.openBlock(), vue.createElementBlock(
+              "div",
+              {
+                key: 0,
+                class: vue.normalizeClass(["flex items-center clickBox", { "cursor-not-allowed": loading.value }]),
+                onClick: onCloseHandler
+              },
+              [
+                vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                  size: "18",
+                  color: "rgb(var(--hy-danger-2))"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(iconsVue.CircleClose))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ],
+              2
+              /* CLASS */
+            )) : vue.createCommentVNode("v-if", true)
+          ], 8, ["onClick"])
         ]),
         default: vue.withCtx(() => [
-          vue.createElementVNode("div", { class: "h-[253px] flex flex-col items-center justify-between pt-[37px] pb-[27px]" }, [
+          vue.createElementVNode("div", { class: "flex flex-col items-center justify-between pt-[37px] pb-[27px]" }, [
             vue.createElementVNode("div", { class: "flex flex-col items-center text-main" }, [
               vue.createVNode(vue.unref(elementPlus.ElIcon), {
                 size: "40",
-                color: "var(--main)"
+                color: __props.iconColor
               }, {
                 default: vue.withCtx(() => [
                   vue.createVNode(vue.unref(iconsVue.Warning))
                 ]),
                 _: 1
                 /* STABLE */
-              }),
+              }, 8, ["color"]),
               vue.createElementVNode(
                 "div",
                 {
-                  class: vue.normalizeClass(["text-base font-bold mt-[10px] mb-[26px]", __props.titleClass])
+                  class: vue.normalizeClass(["text-base text-center font-bold mt-[10px] mb-[26px]", __props.titleClass])
                 },
                 vue.toDisplayString(__props.title),
                 3
                 /* TEXT, CLASS */
               ),
               vue.createElementVNode("div", {
-                class: "max-w-[240px] text-smword-break",
+                class: "max-w-[300px] text-smword-break text-center break-all",
                 innerHTML: __props.content
               }, null, 8, ["innerHTML"])
             ]),
             __props.showSubmit || __props.showCancel ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
-              class: "flex gap-4 mt-3"
+              class: "pt-[32px]"
             }, [
-              __props.showCancel ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
+              __props.showCancel ? (vue.openBlock(), vue.createBlock(vue.unref(index.AppButton), {
                 key: 0,
-                class: vue.normalizeClass([__props.cancelClass, "buttonBox"]),
-                type: "primary",
-                onClick: onCloseHandler
+                type: __props.cancelType,
+                disabled: loading.value,
+                onClick: onCancelHandler
               }, {
                 default: vue.withCtx(() => [
                   vue.createTextVNode(
@@ -177,11 +223,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 ]),
                 _: 1
                 /* STABLE */
-              }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
-              __props.showSubmit ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
+              }, 8, ["type", "disabled"])) : vue.createCommentVNode("v-if", true),
+              __props.showSubmit ? (vue.openBlock(), vue.createBlock(vue.unref(index.AppButton), {
                 key: 1,
-                class: vue.normalizeClass([__props.submitClass, "buttonBox mx-2"]),
-                type: "primary",
+                type: __props.submitType,
+                disabled: loading.value,
                 onClick: onSubmitHandler
               }, {
                 default: vue.withCtx(() => [
@@ -193,7 +239,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 ]),
                 _: 1
                 /* STABLE */
-              }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+              }, 8, ["type", "disabled"])) : vue.createCommentVNode("v-if", true)
             ])) : vue.createCommentVNode("v-if", true)
           ])
         ]),
@@ -205,4 +251,3 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
 });
 
 exports.default = _sfc_main;
-//# sourceMappingURL=appConfirmDialog.vue.js.map

package/lib/components/appConfirmDialog/appConfirmMethod.js

@@ -3,44 +3,68 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+var useApi = require('../../hooks/useApi.js');
+var index = require('../appConfigProvider/index.js');
 var appConfirmDialog = require('./appConfirmDialog.vue.js');
 var useGlobalConfig = require('../../hooks/useGlobalConfig.js');
 var useLocale = require('../../hooks/useLocale.js');
 
 function appConfirmMethod(config) {
-  const container = document.createDocumentFragment();
-  const currentConfig = { ...config };
+  let container = document.createDocumentFragment();
+  const currentConfig = {
+    ...config,
+    onHide: () => {
+      destroy();
+    }
+  };
   let confirmDialogInstance = null;
   function render(props) {
+    const globalConfig = useGlobalConfig.useGlobalConfig();
+    const {
+      locale = "zhCn",
+      api = useApi.defaultAxios,
+      ...args
+    } = vue.unref(globalConfig) || {};
     const vm = vue.createVNode(appConfirmDialog.default, props);
-    vue.render(vm, container);
+    const configProvider = vue.createVNode(
+      index.AppConfigProvider,
+      {
+        locale,
+        api,
+        ...args
+      },
+      () => [vm]
+    );
+    vue.render(configProvider, container);
     return vm;
   }
-  function destroy() {
-    confirmDialogInstance.component.exposed.close();
-    confirmDialogInstance.unmout();
+  async function destroy() {
+    if (confirmDialogInstance) {
+      confirmDialogInstance.component.exposed.close();
+    }
+    if (container) {
+      await new Promise((resolve) => setTimeout(resolve, 1e3));
+      vue.render(null, container);
+    }
+    container = null;
+    confirmDialogInstance = null;
   }
   confirmDialogInstance = render(currentConfig);
   confirmDialogInstance.component.exposed.show();
   return destroy;
 }
-appConfirmDialog.default.tip = function(props) {
-  var _a;
-  const globalConfig = useGlobalConfig.getGlobalConfig();
-  const { t } = useLocale.useLocale((_a = vue.unref(globalConfig)) == null ? void 0 : _a.locale);
+appConfirmDialog.default.tip = (props) => {
+  const { t } = useLocale.useLocale();
   return appConfirmMethod({
-    showCancel: false,
-    submitText: t("confirmDialog.haveKnown"),
     dialogTitle: t("confirmDialog.prompt"),
     title: t("confirmDialog.prompt"),
     content: t("confirmDialog.content"),
+    showCancel: false,
     ...props
   });
 };
-appConfirmDialog.default.confirm = function(props) {
-  var _a;
-  const globalConfig = useGlobalConfig.getGlobalConfig();
-  const { t } = useLocale.useLocale((_a = vue.unref(globalConfig)) == null ? void 0 : _a.locale);
+appConfirmDialog.default.confirm = (props) => {
+  const { t } = useLocale.useLocale();
   return appConfirmMethod({
     dialogTitle: t("confirmDialog.prompt"),
     title: t("confirmDialog.prompt"),
@@ -48,30 +72,28 @@ appConfirmDialog.default.confirm = function(props) {
     ...props
   });
 };
-appConfirmDialog.default.warning = function(props) {
-  var _a;
-  const globalConfig = useGlobalConfig.getGlobalConfig();
-  const { t } = useLocale.useLocale((_a = vue.unref(globalConfig)) == null ? void 0 : _a.locale);
+appConfirmDialog.default.warning = (props) => {
+  const { t } = useLocale.useLocale();
   return appConfirmMethod({
     dialogTitle: t("confirmDialog.riskWarning"),
     title: t("confirmDialog.prompt"),
     titleClass: "text-warning",
     content: t("confirmDialog.content"),
+    iconColor: "rgb(var(--hy-warning))",
     ...props
   });
 };
-appConfirmDialog.default.danger = function(props) {
-  var _a;
-  const globalConfig = useGlobalConfig.getGlobalConfig();
-  const { t } = useLocale.useLocale((_a = vue.unref(globalConfig)) == null ? void 0 : _a.locale);
+appConfirmDialog.default.danger = (props) => {
+  const { t } = useLocale.useLocale();
   return appConfirmMethod({
     dialogTitle: t("confirmDialog.dangerousOperation"),
-    titleClass: "text-dangerv2",
+    titleClass: "text-danger",
     title: t("confirmDialog.prompt"),
     content: t("confirmDialog.content"),
+    submitType: "danger",
+    iconColor: "rgb(var(--hy-danger))",
     ...props
   });
 };
 
 exports.default = appConfirmDialog.default;
-//# sourceMappingURL=appConfirmMethod.js.map

package/lib/components/appConfirmDialog/index.js

@@ -10,4 +10,3 @@ const AppConfirmDialog = handler.withInstall(appConfirmDialog.default);
 
 exports.AppConfirmDialog = AppConfirmDialog;
 exports.default = AppConfirmDialog;
-//# sourceMappingURL=index.js.map

package/lib/components/appDatePicker/appDatePicker.vue.js

@@ -100,4 +100,3 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
 });
 
 exports.default = _sfc_main;
-//# sourceMappingURL=appDatePicker.vue.js.map

package/lib/components/appDatePicker/index.js

@@ -9,4 +9,3 @@ const AppDatePicker = handler.withInstall(appDatePicker.default);
 
 exports.AppDatePicker = AppDatePicker;
 exports.default = AppDatePicker;
-//# sourceMappingURL=index.js.map