hy-dispatch-ui-v3 0.1.0

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

@@ -0,0 +1,208 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var iconsVue = require('@element-plus/icons-vue');
+var useLocale = require('../../hooks/useLocale.js');
+
+import "./style/appConfirmDialog.scss";
+
+const __default__ = vue.defineComponent({
+  name: "AppConfirmDialog"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    width: {
+      type: [String, Number],
+      default: 500
+    },
+    dialogTitle: {
+      type: String
+    },
+    title: {
+      type: String
+    },
+    titleClass: {
+      type: [String, Array]
+    },
+    content: {
+      type: String
+    },
+    showClose: {
+      type: Boolean,
+      default: true
+    },
+    showCancel: {
+      type: Boolean,
+      default: true
+    },
+    cancelClass: {
+      type: String,
+      default: "button_default"
+    },
+    cancelText: {
+      type: String
+    },
+    showSubmit: {
+      type: Boolean,
+      default: true
+    },
+    submitClass: {
+      type: String,
+      default: "button_delete"
+    },
+    submitText: {
+      type: String
+    },
+    textAlign: {
+      type: String,
+      default: "center"
+    },
+    onCancel: {
+      type: Function
+    },
+    onSubmit: {
+      type: Function
+    }
+  },
+  emits: ["on-submit", "on-close"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const { t } = useLocale.useLocale();
+    const visible = vue.ref(false);
+    async function onSubmitHandler() {
+      if (props.onSubmit) {
+        await props.onSubmit();
+      }
+      visible.value = false;
+    }
+    async function onCloseHandler() {
+      if (props.onCancel) {
+        await props.onCancel();
+      }
+      visible.value = false;
+    }
+    __expose({
+      show: () => {
+        visible.value = true;
+      },
+      close: () => {
+        visible.value = false;
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDialog), vue.mergeProps({
+        modelValue: visible.value,
+        "onUpdate:modelValue": ($event) => visible.value = $event,
+        width: __props.width,
+        "append-to-body": true,
+        "close-on-click-modal": false,
+        "close-on-press-escape": false,
+        "show-close": false,
+        top: "15%",
+        class: "app-confirm-dialog"
+      }, _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(
+              "span",
+              { class: "text-sm text-main font-bold" },
+              vue.toDisplayString(__props.dialogTitle || vue.unref(t)("confirmDialog.prompt")),
+              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)
+          ])
+        ]),
+        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 text-main" }, [
+              vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                size: "40",
+                color: "var(--main)"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(iconsVue.Warning))
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              vue.createElementVNode(
+                "div",
+                {
+                  class: vue.normalizeClass(["text-base 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",
+                innerHTML: __props.content
+              }, null, 8, ["innerHTML"])
+            ]),
+            __props.showSubmit || __props.showCancel ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: "flex gap-4 mt-3"
+            }, [
+              __props.showCancel ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
+                key: 0,
+                class: vue.normalizeClass([__props.cancelClass, "buttonBox"]),
+                type: "primary",
+                onClick: onCloseHandler
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(
+                    vue.toDisplayString(__props.cancelText || vue.unref(t)("confirmDialog.cancel")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+              __props.showSubmit ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
+                key: 1,
+                class: vue.normalizeClass([__props.submitClass, "buttonBox mx-2"]),
+                type: "primary",
+                onClick: onSubmitHandler
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(
+                    vue.toDisplayString(__props.submitText || vue.unref(t)("confirmDialog.confirm")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+            ])) : vue.createCommentVNode("v-if", true)
+          ])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 16, ["modelValue", "onUpdate:modelValue", "width"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=appConfirmDialog.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"appConfirmDialog.vue.js","sources":["../../../packages/components/appConfirmDialog/appConfirmDialog.vue"],"sourcesContent":["<script setup>\nimport { ref, nextTick } from 'vue'\nimport { ElButton, ElDialog, ElIcon } from 'element-plus'\nimport { CircleClose, Warning } from '@element-plus/icons-vue'\nimport { useLocale } from '@hy-dispatch-ui-v3/hooks'\nimport SvgIcon from '../svgIcon'\nimport './style/appConfirmDialog.scss'\n\ndefineOptions({\n  name: 'AppConfirmDialog',\n})\n\nconst props = defineProps({\n  width: {\n    type: [String, Number],\n    default: 500,\n  },\n  dialogTitle: {\n    type: String,\n  },\n  title: {\n    type: String,\n  },\n  titleClass: {\n    type: [String, Array]\n  },\n  content: {\n    type: String,\n  },\n  showClose: {\n    type: Boolean,\n    default: true,\n  },\n  showCancel: {\n    type: Boolean,\n    default: true,\n  },\n  cancelClass: {\n    type: String,\n    default: 'button_default',\n  },\n  cancelText: {\n    type: String,\n  },\n  showSubmit: {\n    type: Boolean,\n    default: true\n  },\n  submitClass: {\n    type: String,\n    default: 'button_delete',\n  },\n  submitText: {\n    type: String,\n  },\n  textAlign: {\n    type: String,\n    default: 'center',\n  },\n  onCancel: {\n    type: Function,\n  },\n  onSubmit: {\n    type: Function,\n  },\n})\nconst emits = defineEmits(['on-submit', 'on-close'])\n\nconst { t } = useLocale()\n\nconst visible = ref(false)\n\nasync function onSubmitHandler() {\n  if (props.onSubmit) {\n    await props.onSubmit()\n  }\n  visible.value = false\n}\n\nasync function onCloseHandler() {\n  if (props.onCancel) {\n    await props.onCancel()\n  }\n  visible.value = false\n}\n\ndefineExpose({\n  show: () => {\n    visible.value = true\n  },\n  close: () => {\n    visible.value = false\n  },\n})\n</script>\n\n<template>\n  <el-dialog\n    v-model=\"visible\"\n    :width=\"width\"\n    :append-to-body=\"true\"\n    :close-on-click-modal=\"false\"\n    :close-on-press-escape=\"false\"\n    :show-close=\"false\"\n    top=\"15%\"\n    class=\"app-confirm-dialog\"\n    v-bind=\"$attrs\"\n  >\n    <template #header>\n      <div class=\"h-[38px] flex items-center justify-between border-b border-border pl-4 pr-[10px]\">\n        <span\n          class=\"text-sm text-main font-bold\"\n        >{{ dialogTitle || t('confirmDialog.prompt') }}</span>\n        <div\n          v-if=\"showClose\"\n          class=\"flex items-center clickBox\"\n          @click=\"onCloseHandler\"\n        >\n          <el-icon size=\"18\" color=\"var(--danger)\"><CircleClose /></el-icon>\n        </div>\n      </div>\n    </template>\n    <div class=\"h-[253px] flex flex-col items-center justify-between pt-[37px] pb-[27px]\">\n      <div class=\"flex flex-col items-center text-main\">\n        <el-icon size=\"40\" color=\"var(--main)\"><Warning /></el-icon>\n        <div\n          class=\"text-base font-bold mt-[10px] mb-[26px]\"\n          :class=\"titleClass\"\n        >{{ title }}</div>\n        <div\n          class=\"max-w-[240px] text-smword-break\"\n          v-html=\"content\"\n        ></div>\n      </div>\n      <div\n        v-if=\"showSubmit || showCancel\"\n        class=\"flex gap-4 mt-3\"\n      >\n        <el-button\n          v-if=\"showCancel\"\n          :class=\"cancelClass\"\n          class=\"buttonBox\"\n          type=\"primary\"\n          @click=\"onCloseHandler\"\n          >{{ cancelText || t('confirmDialog.cancel') }}</el-button\n        >\n        <el-button\n          v-if=\"showSubmit\"\n          :class=\"submitClass\"\n          class=\"buttonBox mx-2\"\n          type=\"primary\"\n          @click=\"onSubmitHandler\"\n          >{{ submitText || t('confirmDialog.confirm') }}</el-button\n        >\n      </div>\n    </div>\n  </el-dialog>\n</template>\n"],"names":["_openBlock","_createBlock","_unref","ElDialog","_mergeProps"],"mappings":";;;;;;;;;AAKA,OAAO,oBAAiB,EAAA,CAAA,uCAAO,CAAA,CAAA;;;;;;AAGjB,IAAA,KAAA,EAAA;AACd,MAAM,qBAAoB,CAAA;AAC1B,MAAA,OAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAAM;AAsDN,MAAM,OAAO,CAAC,KAAA,GAAA,KAAA;;AAEd,IAAA,eAAc,cAAU,GAAA;;AAExB,QAAM,MAAQ,KAAK,CAAC,QAAK,EAAA;;AAEzB,MAAM,OAAA,CAAQ,KAAC,GAAA,KAAA;AACf,IAAI;AACJ,IAAI,QAAM,CAAA;AACV,MAAE,IAAA,EAAA,MAAA;AACF,QAAE,OAAa,CAAC,KAAE,GAAA,IAAA;AAClB,MAAA,CAAA;;AAEA,QAAM,OAAS,CAAA,KAAA,GAAA,KAAc;AAC7B,MAAM;AACN,KAAI,CAAA;AACJ,IAAE,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AACF,MAAE,OAAQA,aAAQ,EAAA,EAAAC,eAAA,CAAAC,SAAA,CAAAC,oBAAA,CAAA,EAAAC,cAAA,CAAA;AAClB,QAAA,UAAA,EAAA,OAAA,CAAA,KAAA;;AAEA,QAAY,KAAC,EAAA,OAAA,CAAA,KAAA;AACb,QAAQ,gBAAM,EAAA,IAAA;AACd,QAAI,sBAAgB,EAAA,KAAA;AACpB,QAAG,uBAAA,EAAA,KAAA;AACH,QAAQ,YAAO,EAAA,KAAA;AACf,QAAI,GAAO,EAAC,KAAM;AAClB,QAAG,KAAA,EAAA;AACH,OAAC,EAAA,IAAA,CAAA,MAAA,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/appConfirmDialog/appConfirmMethod.js

@@ -0,0 +1,77 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+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 confirmDialogInstance = null;
+  function render(props) {
+    const vm = vue.createVNode(appConfirmDialog.default, props);
+    vue.render(vm, container);
+    return vm;
+  }
+  function destroy() {
+    confirmDialogInstance.component.exposed.close();
+    confirmDialogInstance.unmout();
+  }
+  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);
+  return appConfirmMethod({
+    showCancel: false,
+    submitText: t("confirmDialog.haveKnown"),
+    dialogTitle: t("confirmDialog.prompt"),
+    title: t("confirmDialog.prompt"),
+    content: t("confirmDialog.content"),
+    ...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);
+  return appConfirmMethod({
+    dialogTitle: t("confirmDialog.prompt"),
+    title: t("confirmDialog.prompt"),
+    content: t("confirmDialog.content"),
+    ...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);
+  return appConfirmMethod({
+    dialogTitle: t("confirmDialog.riskWarning"),
+    title: t("confirmDialog.prompt"),
+    titleClass: "text-warning",
+    content: t("confirmDialog.content"),
+    ...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);
+  return appConfirmMethod({
+    dialogTitle: t("confirmDialog.dangerousOperation"),
+    titleClass: "text-dangerv2",
+    title: t("confirmDialog.prompt"),
+    content: t("confirmDialog.content"),
+    ...props
+  });
+};
+
+exports.default = appConfirmDialog.default;
+//# sourceMappingURL=appConfirmMethod.js.map

package/lib/components/appConfirmDialog/appConfirmMethod.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appConfirmMethod.js","sources":["../../../packages/components/appConfirmDialog/appConfirmMethod.js"],"sourcesContent":["import { createVNode, unref, render as vueRender } from 'vue'\nimport { useLocale, getGlobalConfig } from '@hy-dispatch-ui-v3/hooks'\nimport AppConfirmDialog from './appConfirmDialog.vue'\n\nfunction appConfirmMethod(config) {\n  const container = document.createDocumentFragment()\n  const currentConfig = { ...config }\n  let confirmDialogInstance = null\n\n  function render(props) {\n    const vm = createVNode(AppConfirmDialog, props)\n    vueRender(vm, container)\n    return vm\n  }\n\n  function destroy() {\n    confirmDialogInstance.component.exposed.close()\n    confirmDialogInstance.unmout()\n  }\n\n  confirmDialogInstance = render(currentConfig)\n  confirmDialogInstance.component.exposed.show()\n\n  return destroy\n}\n\nAppConfirmDialog.tip = function (props) {\n  const globalConfig = getGlobalConfig()\n  const { t } = useLocale(unref(globalConfig)?.locale)\n  return appConfirmMethod({\n    showCancel: false,\n    submitText: t('confirmDialog.haveKnown'),\n    dialogTitle: t('confirmDialog.prompt'),\n    title: t('confirmDialog.prompt'),\n    content: t('confirmDialog.content'),\n    ...props,\n  })\n}\n\nAppConfirmDialog.confirm = function (props) {\n  const globalConfig = getGlobalConfig()\n  const { t } = useLocale(unref(globalConfig)?.locale)\n  return appConfirmMethod({\n    dialogTitle: t('confirmDialog.prompt'),\n    title: t('confirmDialog.prompt'),\n    content: t('confirmDialog.content'),\n    ...props,\n  })\n}\n\nAppConfirmDialog.warning = function (props) {\n  const globalConfig = getGlobalConfig()\n  const { t } = useLocale(unref(globalConfig)?.locale)\n  return appConfirmMethod({\n    dialogTitle: t('confirmDialog.riskWarning'),\n    title: t('confirmDialog.prompt'),\n    titleClass: 'text-warning',\n    content: t('confirmDialog.content'),\n    ...props,\n  })\n}\n\nAppConfirmDialog.danger = function (props) {\n  const globalConfig = getGlobalConfig()\n  const { t } = useLocale(unref(globalConfig)?.locale)\n  return appConfirmMethod({\n    dialogTitle: t('confirmDialog.dangerousOperation'),\n    titleClass: 'text-dangerv2',\n    title: t('confirmDialog.prompt'),\n    content: t('confirmDialog.content'),\n    ...props,\n  })\n}\n\nexport default AppConfirmDialog\n"],"names":["createVNode","AppConfirmDialog","vueRender","getGlobalConfig","useLocale","unref"],"mappings":";;;;;;;;;AAGA,SAAS,gBAAgB,CAAC,MAAM,EAAE;AAClC,EAAE,MAAM,SAAS,GAAG,QAAQ,CAAC,sBAAsB,EAAE;AACrD,EAAE,MAAM,aAAa,GAAG,EAAE,GAAG,MAAM,EAAE;AACrC,EAAE,IAAI,qBAAqB,GAAG,IAAI;AAClC,EAAE,SAAS,MAAM,CAAC,KAAK,EAAE;AACzB,IAAI,MAAM,EAAE,GAAGA,eAAW,CAACC,wBAAgB,EAAE,KAAK,CAAC;AACnD,IAAIC,UAAS,CAAC,EAAE,EAAE,SAAS,CAAC;AAC5B,IAAI,OAAO,EAAE;AACb,EAAE;AACF,EAAE,SAAS,OAAO,GAAG;AACrB,IAAI,qBAAqB,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE;AACnD,IAAI,qBAAqB,CAAC,MAAM,EAAE;AAClC,EAAE;AACF,EAAE,qBAAqB,GAAG,MAAM,CAAC,aAAa,CAAC;AAC/C,EAAE,qBAAqB,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE;AAChD,EAAE,OAAO,OAAO;AAChB;AACAD,wBAAgB,CAAC,GAAG,GAAG,SAAS,KAAK,EAAE;AACvC,EAAE,IAAI,EAAE;AACR,EAAE,MAAM,YAAY,GAAGE,+BAAe,EAAE;AACxC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAGC,mBAAS,CAAC,CAAC,EAAE,GAAGC,SAAK,CAAC,YAAY,CAAC,KAAK,IAAI,GAAG,MAAM,GAAG,EAAE,CAAC,MAAM,CAAC;AAClF,EAAE,OAAO,gBAAgB,CAAC;AAC1B,IAAI,UAAU,EAAE,KAAK;AACrB,IAAI,UAAU,EAAE,CAAC,CAAC,yBAAyB,CAAC;AAC5C,IAAI,WAAW,EAAE,CAAC,CAAC,sBAAsB,CAAC;AAC1C,IAAI,KAAK,EAAE,CAAC,CAAC,sBAAsB,CAAC;AACpC,IAAI,OAAO,EAAE,CAAC,CAAC,uBAAuB,CAAC;AACvC,IAAI,GAAG;AACP,GAAG,CAAC;AACJ,CAAC;AACDJ,wBAAgB,CAAC,OAAO,GAAG,SAAS,KAAK,EAAE;AAC3C,EAAE,IAAI,EAAE;AACR,EAAE,MAAM,YAAY,GAAGE,+BAAe,EAAE;AACxC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAGC,mBAAS,CAAC,CAAC,EAAE,GAAGC,SAAK,CAAC,YAAY,CAAC,KAAK,IAAI,GAAG,MAAM,GAAG,EAAE,CAAC,MAAM,CAAC;AAClF,EAAE,OAAO,gBAAgB,CAAC;AAC1B,IAAI,WAAW,EAAE,CAAC,CAAC,sBAAsB,CAAC;AAC1C,IAAI,KAAK,EAAE,CAAC,CAAC,sBAAsB,CAAC;AACpC,IAAI,OAAO,EAAE,CAAC,CAAC,uBAAuB,CAAC;AACvC,IAAI,GAAG;AACP,GAAG,CAAC;AACJ,CAAC;AACDJ,wBAAgB,CAAC,OAAO,GAAG,SAAS,KAAK,EAAE;AAC3C,EAAE,IAAI,EAAE;AACR,EAAE,MAAM,YAAY,GAAGE,+BAAe,EAAE;AACxC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAGC,mBAAS,CAAC,CAAC,EAAE,GAAGC,SAAK,CAAC,YAAY,CAAC,KAAK,IAAI,GAAG,MAAM,GAAG,EAAE,CAAC,MAAM,CAAC;AAClF,EAAE,OAAO,gBAAgB,CAAC;AAC1B,IAAI,WAAW,EAAE,CAAC,CAAC,2BAA2B,CAAC;AAC/C,IAAI,KAAK,EAAE,CAAC,CAAC,sBAAsB,CAAC;AACpC,IAAI,UAAU,EAAE,cAAc;AAC9B,IAAI,OAAO,EAAE,CAAC,CAAC,uBAAuB,CAAC;AACvC,IAAI,GAAG;AACP,GAAG,CAAC;AACJ,CAAC;AACDJ,wBAAgB,CAAC,MAAM,GAAG,SAAS,KAAK,EAAE;AAC1C,EAAE,IAAI,EAAE;AACR,EAAE,MAAM,YAAY,GAAGE,+BAAe,EAAE;AACxC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAGC,mBAAS,CAAC,CAAC,EAAE,GAAGC,SAAK,CAAC,YAAY,CAAC,KAAK,IAAI,GAAG,MAAM,GAAG,EAAE,CAAC,MAAM,CAAC;AAClF,EAAE,OAAO,gBAAgB,CAAC;AAC1B,IAAI,WAAW,EAAE,CAAC,CAAC,kCAAkC,CAAC;AACtD,IAAI,UAAU,EAAE,eAAe;AAC/B,IAAI,KAAK,EAAE,CAAC,CAAC,sBAAsB,CAAC;AACpC,IAAI,OAAO,EAAE,CAAC,CAAC,uBAAuB,CAAC;AACvC,IAAI,GAAG;AACP,GAAG,CAAC;AACJ,CAAC;;;;"}

package/lib/components/appConfirmDialog/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('./appConfirmMethod.js');
+var appConfirmDialog = require('./appConfirmDialog.vue.js');
+var handler = require('../../utils/handler.js');
+
+const AppConfirmDialog = handler.withInstall(appConfirmDialog.default);
+
+exports.AppConfirmDialog = AppConfirmDialog;
+exports.default = AppConfirmDialog;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../packages/components/appConfirmDialog/index.js"],"sourcesContent":["import componnet from './appConfirmMethod.js'\nimport { withInstall } from '@hy-dispatch-ui-v3/utils'\n\nconst AppConfirmDialog = withInstall(componnet)\n\nexport { AppConfirmDialog }\n\nexport default AppConfirmDialog\n"],"names":["withInstall","componnet"],"mappings":";;;;;;;;AAEK,MAAC,gBAAgB,GAAGA,mBAAW,CAACC,wBAAS;;;;;"}

package/lib/components/appConfirmDialog/style/appConfirmDialog.scss

@@ -0,0 +1,5 @@
+.el-dialog.app-confirm-dialog {
+  --el-dialog-padding-primary: 0;
+  --el-dialog-bg-color: var(--dialog-background);
+  border: 1px solid var(--theme);
+}

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

@@ -0,0 +1,103 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var is = require('../../utils/is.js');
+
+import "./style/appDatePicker.scss";
+
+const __default__ = vue.defineComponent({
+  name: "AppDatePicker"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: /* @__PURE__ */ vue.mergeModels({
+    isRange: {
+      type: Boolean,
+      default: true
+    },
+    timeRangeFill: {
+      type: Boolean,
+      default: false
+    },
+    type: {
+      type: String,
+      default: "date"
+      // 'year' | 'years' |'month' | 'months' | 'date' | 'dates' | 'datetime' | 'week' | 'datetimerange' | 'daterange' | 'monthrange' | 'yearrange'
+    }
+  }, {
+    "modelValue": { type: [String, Date, Array] },
+    "modelModifiers": {},
+    "start": { type: [String, Date] },
+    "startModifiers": {},
+    "end": { type: [String, Date] },
+    "endModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(["change"], ["update:modelValue", "update:start", "update:end"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const appDatePicker = vue.useTemplateRef("appDatePicker");
+    const dateValue = vue.useModel(__props, "modelValue");
+    const startValue = vue.useModel(__props, "start");
+    const endValue = vue.useModel(__props, "end");
+    vue.watch(
+      () => [startValue.value, endValue.value],
+      ([start, end]) => {
+        if (["datetimerange", "daterange", "monthrange", "yearrange"].includes(
+          props.type
+        ) && props.isRange) {
+          if (start && end) {
+            dateValue.value = [start, end];
+          }
+        }
+      },
+      { immediate: true }
+    );
+    function onChangeHandler(value) {
+      const { timeRangeFill } = props;
+      const isFill = timeRangeFill && ["daterange"].includes(props.type);
+      if (["datetimerange", "daterange", "monthrange", "yearrange"].includes(
+        props.type
+      ) && props.isRange) {
+        value = is.isArray(value) ? value : [];
+        startValue.value = value[0] ? `${value[0]}${isFill ? " 00:00:00" : ""}` : null;
+        endValue.value = value[1] ? `${value[1]}${isFill ? " 23:59:59" : ""}` : null;
+      } else {
+        dateValue.value = isFill && (value == null ? void 0 : value.length) ? [`${value[0]} 00:00:00`, `${value[1]} 23:59:59`] : value;
+      }
+      emits("change", dateValue.value);
+    }
+    __expose({
+      focus() {
+        if (!vue.unref(appDatePicker)) return;
+        vue.unref(appDatePicker).focus();
+      },
+      blur() {
+        if (!vue.unref(appDatePicker)) return;
+        vue.unref(appDatePicker).blur();
+      },
+      handleOpen() {
+        if (!vue.unref(appDatePicker)) return;
+        vue.unref(appDatePicker).handleOpen();
+      },
+      handleClose() {
+        if (!vue.unref(appDatePicker)) return;
+        vue.unref(appDatePicker).handleClose();
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDatePicker), vue.mergeProps({
+        ref_key: "appDatePicker",
+        ref: appDatePicker,
+        modelValue: dateValue.value,
+        "onUpdate:modelValue": ($event) => dateValue.value = $event,
+        type: __props.type
+      }, _ctx.$attrs, { onChange: onChangeHandler }), null, 16, ["modelValue", "onUpdate:modelValue", "type"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=appDatePicker.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"appDatePicker.vue.js","sources":["../../../packages/components/appDatePicker/appDatePicker.vue"],"sourcesContent":["<script setup>\nimport { unref, useTemplateRef, watch } from 'vue'\nimport { ElDatePicker } from 'element-plus'\nimport { isArray } from '@hy-dispatch-ui-v3/utils'\nimport './style/appDatePicker.scss'\n\ndefineOptions({\n  name: 'AppDatePicker',\n})\n\nconst props = defineProps({\n  isRange: {\n    type: Boolean,\n    default: true,\n  },\n  timeRangeFill: {\n    type: Boolean,\n    default: false,\n  },\n  type: {\n    type: String,\n    default: 'date', // 'year' | 'years' |'month' | 'months' | 'date' | 'dates' | 'datetime' | 'week' | 'datetimerange' | 'daterange' | 'monthrange' | 'yearrange'\n  },\n})\nconst emits = defineEmits(['change'])\n\nconst appDatePicker = useTemplateRef('appDatePicker')\n\nconst dateValue = defineModel('modelValue', { type: [String, Date, Array] })\nconst startValue = defineModel('start', { type: [String, Date] })\nconst endValue = defineModel('end', { type: [String, Date] })\n\nwatch(\n  () => [startValue.value, endValue.value],\n  ([start, end]) => {\n    if (\n      ['datetimerange', 'daterange', 'monthrange', 'yearrange'].includes(\n        props.type\n      ) &&\n      props.isRange\n    ) {\n      if (start && end) {\n        dateValue.value = [start, end]\n      }\n    }\n  },\n  { immediate: true }\n)\n\nfunction onChangeHandler(value) {\n  const { timeRangeFill } = props\n  const isFill = timeRangeFill && ['daterange'].includes(props.type)\n  if (\n    ['datetimerange', 'daterange', 'monthrange', 'yearrange'].includes(\n      props.type\n    ) &&\n    props.isRange\n  ) {\n    value = isArray(value) ? value : []\n    startValue.value = value[0] ? `${value[0]}${isFill ? ' 00:00:00' : ''}` : null\n    endValue.value = value[1] ? `${value[1]}${isFill ? ' 23:59:59' : ''}` : null\n  } else {\n    dateValue.value =\n      isFill && value?.length\n        ? [`${value[0]} 00:00:00`, `${value[1]} 23:59:59`]\n        : value\n  }\n  emits('change', dateValue.value)\n}\n\ndefineExpose({\n  focus() {\n    if (!unref(appDatePicker)) return\n    unref(appDatePicker).focus()\n  },\n  blur() {\n    if (!unref(appDatePicker)) return\n    unref(appDatePicker).blur()\n  },\n  handleOpen() {\n    if (!unref(appDatePicker)) return\n    unref(appDatePicker).handleOpen()\n  },\n  handleClose() {\n    if (!unref(appDatePicker)) return\n    unref(appDatePicker).handleClose()\n  },\n})\n</script>\n\n<template>\n  <el-date-picker\n    ref=\"appDatePicker\"\n    v-model=\"dateValue\"\n    :type=\"type\"\n    v-bind=\"$attrs\"\n    @change=\"onChangeHandler\"\n  ></el-date-picker>\n</template>\n"],"names":["watch","isArray","unref"],"mappings":"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"}

package/lib/components/appDatePicker/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var appDatePicker = require('./appDatePicker.vue.js');
+var handler = require('../../utils/handler.js');
+
+const AppDatePicker = handler.withInstall(appDatePicker.default);
+
+exports.AppDatePicker = AppDatePicker;
+exports.default = AppDatePicker;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../packages/components/appDatePicker/index.js"],"sourcesContent":["import componnet from './appDatePicker.vue'\nimport { withInstall } from '@hy-dispatch-ui-v3/utils'\n\nconst AppDatePicker = withInstall(componnet)\n\nexport { AppDatePicker }\n\nexport default AppDatePicker\n"],"names":["withInstall","componnet"],"mappings":";;;;;;;AAEK,MAAC,aAAa,GAAGA,mBAAW,CAACC,qBAAS;;;;;"}