hy-dispatch-ui-v3 0.2.74 → 0.2.75

package/es/utils/handler.mjs

@@ -1,7 +1,6 @@
 import 'vue';
 import { ElMessage } from 'element-plus';
 import { isFunction, isVueProxy, isArray, isObject, isEmpty } from './is.mjs';
-import '../index.mjs';
 import { $t } from '../hooks/useLocale.mjs';
 
 function funRunHandler(target, ...args) {

package/es/version.mjs

@@ -1,3 +1,3 @@
-const version = "0.2.73";
+const version = "0.2.74";
 
 export { version };

package/lib/bussiness/hyDepartmentTypeOperation/departmentTypeOperation.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var departmentTypeOperation_vue_vue_type_script_setup_true_lang = require('./departmentTypeOperation2.vue.js');
+
+import "./style/departmentTypeOperation.scss?vue&type=style&index=0&src=true&lang.css";
+
+
+exports.default = departmentTypeOperation_vue_vue_type_script_setup_true_lang.default;

package/lib/bussiness/hyDepartmentTypeOperation/departmentTypeOperation2.vue.js

@@ -0,0 +1,356 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var useDialog = require('../../hooks/useDialog.js');
+require('../../hooks/index.js');
+require('../../components/index.js');
+var elementPlus = require('element-plus');
+var index$1 = require('../../api/index.js');
+require('../../utils/index.js');
+var index = require('./locale/index.js');
+var useLocale = require('../../hooks/useLocale.js');
+var useCurrentBus = require('../../hooks/useCurrentBus.js');
+var useAppForm = require('../../components/hyForm/js/useAppForm.js');
+var file = require('../../utils/file.js');
+var useMixins = require('../../hooks/useMixins.js');
+var index$2 = require('../../components/hyDialog/index.js');
+var index$3 = require('../../components/hyForm/index.js');
+var index$4 = require('../../components/hyIcon/index.js');
+var index$5 = require('../../components/hyCutter/index.js');
+
+const __default__ = vue.defineComponent({
+  name: "HyDepartmentTypeOperation"
+});
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  emits: ["on-submit"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    useLocale.registerComponentLocale("HyDepartmentTypeOperation", index);
+    vue.onUnmounted(() => {
+      useLocale.unregisterComponentLocale("HyDepartmentTypeOperation");
+    });
+    const $t = (key, option) => useLocale.$t(`HyDepartmentTypeOperation.${key}`, option);
+    const emit = __emit;
+    function useDepartmentTypeOperation(hy) {
+      const { currentBus } = useCurrentBus.useCurrentBus();
+      const formRef2 = vue.ref(null);
+      const HyCutterRef2 = vue.useTemplateRef("HyCutterRef");
+      const HyDialogRef2 = vue.useTemplateRef("HyDialogRef");
+      const dialogVisible2 = vue.ref(false);
+      const loading2 = vue.ref(false);
+      const { formModel: formModel2, formColumns: formColumns2 } = useAppForm.useAppForm([
+        // 自定义插槽
+        {
+          span: 12,
+          prop: "companyName",
+          label: $t("departmentIcon"),
+          slot: "companyNameSlot"
+        },
+        // 输入框
+        {
+          span: 12,
+          type: "input",
+          prop: "typeName",
+          required: true,
+          label: $t("departmentTypeName"),
+          attrs: {
+            placeholder: $t("pleaseEnterTheDepartmentTypeName"),
+            clearable: true
+          }
+        }
+      ]);
+      function beforeAvatarUpload2(file) {
+        const width = 44;
+        const height = 44;
+        const _this = this;
+        const isLt2M = file.size / 1024 / 1024 < 2;
+        if (!isLt2M) {
+          elementPlus.ElMessage.error($t("imageUploadFailedLogoSizeWithin2M"));
+          return false;
+        }
+        hy.HyCutterRef.value.open({
+          file,
+          options: {
+            outputType: "png",
+            // 裁剪生成图片的格式
+            canScale: true,
+            // 图片是否允许滚轮缩放
+            fixedBox: true,
+            // 固定截图框大小 不允许改变
+            infoTrue: false,
+            // 是否开启截图框宽高固定比例
+            autoCropWidth: width,
+            autoCropHeight: height,
+            centerBox: false,
+            original: true,
+            fixed: false
+          },
+          onSubmit: (res) => {
+            hy.setHeadImg(res);
+          }
+        });
+        return false;
+      }
+      function setHeadImg2(res) {
+        if (!res) {
+          res = {
+            url: null,
+            key: null
+          };
+        }
+        hy.formModel.value.icon = res.url;
+        hy.formModel.value.iconKey = res.key;
+      }
+      async function handleHttpRequestImg2(object) {
+        await file.fileUpload(object.file).then((url) => {
+          hy.formModel.value.icon = url;
+        });
+      }
+      async function onSubmit2() {
+        const valid = await hy.formRef.value.validate();
+        if (!valid) throw new Error("Validation failed");
+        if (!hy.formModel.value.icon) {
+          hy.formModel.value.iconKey = null;
+        }
+        const res = await index$1.saveApi("organization/orgType", {
+          ...hy.formModel.value,
+          icon: null
+        });
+        if (!res || res.code !== 200) throw new Error(res?.msg || "Operation failed");
+        hy.dialogVisible.value = false;
+        elementPlus.ElMessage.success($t("operationSuccessful"));
+        vue.nextTick(() => {
+          emit("on-submit", hy.formModel.value.id ? null : 1);
+          currentBus.emit("departmentTypeOperation", {
+            method: "onSubmit",
+            param: hy.formModel.value.id ? null : 1
+          });
+        });
+      }
+      async function onClose2() {
+        await hy.watchPause("close");
+        hy.dialogVisible.value = false;
+      }
+      async function show2(row = {}) {
+        if (hy.loading.value) {
+          elementPlus.ElMessage.error("\u6570\u636E\u52A0\u8F7D\u4E2D\uFF0C\u8BF7\u52FF\u91CD\u590D\u70B9\u51FB");
+          return;
+        }
+        await hy.watchPause();
+        hy.loading.value = true;
+        hy.setDragLevelIndex("HyDialogRef");
+        hy.dialogVisible.value = true;
+        if (row && row.id) {
+          hy.formModel.value = { ...row };
+        } else {
+          hy.formModel.value = {
+            icon: null,
+            typeName: null
+          };
+        }
+        vue.nextTick(() => {
+          hy.formRef.value.clearValidate();
+          hy.loading.value = false;
+          hy.watchResume();
+        });
+      }
+      function getCacheData2() {
+        return {
+          formModel: hy.formModel.value
+        };
+      }
+      async function restoreCache2(data = {}) {
+        hy.formModel.value = {
+          ...data.formModel
+        };
+        hy.dialogVisible.value = true;
+      }
+      return {
+        formRef: formRef2,
+        HyCutterRef: HyCutterRef2,
+        HyDialogRef: HyDialogRef2,
+        dialogVisible: dialogVisible2,
+        loading: loading2,
+        beforeAvatarUpload: beforeAvatarUpload2,
+        setHeadImg: setHeadImg2,
+        handleHttpRequestImg: handleHttpRequestImg2,
+        onSubmit: onSubmit2,
+        onClose: onClose2,
+        show: show2,
+        getCacheData: getCacheData2,
+        restoreCache: restoreCache2,
+        formModel: formModel2,
+        formColumns: formColumns2
+      };
+    }
+    const {
+      HyCutterRef,
+      HyDialogRef,
+      beforeAvatarUpload,
+      confirmReplace,
+      dialogVisible,
+      formColumns,
+      formModel,
+      formRef,
+      getCacheData,
+      getIsEdit,
+      handleHttpRequestImg,
+      instance,
+      isEdit,
+      isWatchForm,
+      loading,
+      minimized,
+      minimizedClose,
+      minimizedRemove,
+      minimizedShow,
+      minimizedTitle,
+      onClose,
+      onMinimized,
+      onSubmit,
+      restoreCache,
+      setDragLevelIndex,
+      setHeadImg,
+      setIsEdit,
+      setWatchResume,
+      show,
+      watchPause,
+      watchResume
+    } = useMixins.useMixins({}, [useDialog.useDialog, useDialog.useDialogIsEdit, useDepartmentTypeOperation]);
+    __expose({
+      show,
+      setIsEdit,
+      minimizedShow
+    });
+    return (_ctx, _cache) => {
+      const _component_el_image = vue.resolveComponent("el-image");
+      const _component_el_upload = vue.resolveComponent("el-upload");
+      return vue.openBlock(), vue.createElementBlock(
+        vue.Fragment,
+        null,
+        [
+          vue.createTextVNode(" 111111111 "),
+          vue.createVNode(vue.unref(index$2.HyDialog), vue.mergeProps({
+            ref_key: "HyDialogRef",
+            ref: HyDialogRef,
+            modelValue: vue.unref(dialogVisible),
+            "onUpdate:modelValue": ($event) => vue.isRef(dialogVisible) ? dialogVisible.value = $event : null,
+            loading: vue.unref(loading),
+            "onUpdate:loading": ($event) => vue.isRef(loading) ? loading.value = $event : null,
+            "if-shrink": true,
+            width: "310px"
+          }, _ctx.$attrs, {
+            title: vue.unref(formModel).id ? $t("editDepartmentType") : $t("addDepartmentType"),
+            "on-submit": vue.unref(onSubmit),
+            "on-cancel": vue.unref(onClose),
+            "on-close": vue.unref(onClose),
+            "operate-class": "w-full justify-center",
+            onOnMinimized: vue.unref(onMinimized),
+            onOnDialogMousedown: ($event) => vue.unref(setDragLevelIndex)("HyDialogRef")
+          }), {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(index$3.HyForm), {
+                ref_key: "formRef",
+                ref: formRef,
+                "column-num": 1,
+                model: vue.unref(formModel),
+                columns: vue.unref(formColumns)
+              }, {
+                companyNameSlot: vue.withCtx(() => [
+                  vue.createElementVNode("div", { class: "flex flex-row departmentTypeOperation" }, [
+                    vue.createVNode(_component_el_upload, {
+                      class: "w-[80px] flex items-center justify-center upload_box",
+                      accept: ".png,.jpg,.gif",
+                      "before-upload": vue.unref(beforeAvatarUpload),
+                      "http-request": vue.unref(handleHttpRequestImg),
+                      action: "",
+                      "show-file-list": false
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.withDirectives(vue.createElementVNode("div", {
+                          class: "delete_box flex items-center justify-center",
+                          onClick: vue.withModifiers(($event) => vue.unref(setHeadImg)(null), ["stop"])
+                        }, [
+                          vue.createVNode(vue.unref(index$4.HyIcon), {
+                            "svg-name": "ops-button-delete",
+                            class: "svg_box"
+                          })
+                        ], 8, ["onClick"]), [
+                          [vue.vShow, vue.unref(formModel).icon]
+                        ]),
+                        vue.createElementVNode("div", { class: "click-box emptyHead" }, [
+                          vue.unref(formModel).icon ? (vue.openBlock(), vue.createBlock(_component_el_image, {
+                            key: 0,
+                            fit: "contain",
+                            class: "w-[60px] h-[60px]",
+                            src: vue.unref(formModel).icon
+                          }, null, 8, ["src"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$4.HyIcon), {
+                            key: 1,
+                            "svg-name": "ops-file-empty-head",
+                            class: "text-auxiliary !w-[60px] !h-[60px]"
+                          })),
+                          vue.createElementVNode(
+                            "span",
+                            { class: "uploadTips text-center" },
+                            vue.toDisplayString($t("upload")),
+                            1
+                            /* TEXT */
+                          )
+                        ])
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["before-upload", "http-request"]),
+                    vue.createElementVNode("div", { class: "flex-grow leading-[20px] text-auxiliary text-xs text-center" }, [
+                      vue.createElementVNode(
+                        "div",
+                        null,
+                        vue.toDisplayString($t("pleaseUploadDepartmentTypeIcon")),
+                        1
+                        /* TEXT */
+                      ),
+                      vue.createElementVNode(
+                        "div",
+                        null,
+                        vue.toDisplayString($t("iconSize44px")) + "*44px",
+                        1
+                        /* TEXT */
+                      ),
+                      vue.createElementVNode(
+                        "div",
+                        null,
+                        vue.toDisplayString($t("ifNoIconUseTheDefaultIcon")),
+                        1
+                        /* TEXT */
+                      )
+                    ])
+                  ])
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["model", "columns"]),
+              vue.createVNode(
+                vue.unref(index$5.HyCutter),
+                {
+                  ref_key: "HyCutterRef",
+                  ref: HyCutterRef,
+                  "show-upload": false
+                },
+                null,
+                512
+                /* NEED_PATCH */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          }, 16, ["modelValue", "onUpdate:modelValue", "loading", "onUpdate:loading", "title", "on-submit", "on-cancel", "on-close", "onOnMinimized", "onOnDialogMousedown"])
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/bussiness/hyDepartmentTypeOperation/departmentTypeOperation_tiantong.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var departmentTypeOperation_tiantong_vue_vue_type_script_setup_true_lang = require('./departmentTypeOperation_tiantong2.vue.js');
+
+import "./style/departmentTypeOperation.scss?vue&type=style&index=0&src=true&lang.css";
+
+
+exports.default = departmentTypeOperation_tiantong_vue_vue_type_script_setup_true_lang.default;