hy-dispatch-ui-v3 0.2.59 → 0.2.60

package/lib/bussiness/hyAddDepartmentType/addDepartmentType.vue.js

@@ -0,0 +1,369 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var index$4 = require('../../api/index.js');
+var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
+var useLocale = require('../../hooks/useLocale.js');
+var useMixins = require('../../hooks/useMixins.js');
+var index = require('../../components/hyDialog/index.js');
+var index$1 = require('../../components/hyIcon/index.js');
+var index$2 = require('../../components/hyButton/index.js');
+var index$3 = require('../../components/hyCutter/index.js');
+var file = require('../../utils/file.js');
+
+const __default__ = vue.defineComponent({
+  name: "HyAddDepartmentType"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    // 是否可缩小化
+    ifShrink: { type: Boolean, default: false },
+    // 是否拖拽
+    ifDraggable: { type: Boolean, default: false }
+  },
+  emits: ["on-submit", "onMinimized", "onDialogMousedown"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { t } = useLocale.useLocale();
+    const props = __props;
+    const emit = __emit;
+    const HyCutterRef = vue.useTemplateRef("HyCutterRef");
+    function useAddDepartmentType(hy) {
+      const { emit: emit2 } = hy;
+      const formRef2 = vue.ref(null);
+      const HyDialogRef2 = vue.ref();
+      const visible2 = vue.ref(false);
+      const form2 = vue.ref({
+        icon: null,
+        typeName: null
+      });
+      const rules2 = vue.ref({
+        typeName: [
+          {
+            required: true,
+            message: t("departmentType.pleaseEnterTheDepartmentTypeName"),
+            trigger: "blur"
+          }
+        ]
+      });
+      const title2 = vue.ref(t("departmentType.addDepartmentType"));
+      function beforeAvatarUpload2(file) {
+        const width = 44;
+        const height = 44;
+        const isLt2M = file.size / 1024 / 1024 < 2;
+        if (!isLt2M) {
+          elementPlus.ElMessage.error(t("departmentType.imageUploadFailedLogoSizeWithin2M"));
+          return false;
+        }
+        HyCutterRef.value.open({
+          file,
+          options: {
+            outputType: "png",
+            // 裁剪生成图片的格式
+            canScale: true,
+            // 图片是否允许滚轮缩放
+            fixedBox: true,
+            // 固定截图框大小 不允许改变
+            infoTrue: false,
+            // 是否开启截图框宽高固定比例
+            autoCropWidth: width,
+            autoCropHeight: height,
+            centerBox: false,
+            original: true,
+            fixed: false
+          },
+          onSubmit: ({ url, key }) => {
+            hy.form.value.icon = url;
+            hy.form.value.iconKey = key;
+          }
+        });
+        return false;
+      }
+      async function handleHttpRequestImg2(object) {
+        await file.fileUpload(object.file).then((url) => {
+          hy.form.value.icon = url;
+        });
+      }
+      function submit2() {
+        hy.formRef.value?.validate((valid) => {
+          if (valid) {
+            if (!hy.form.value.icon) {
+              hy.form.value.iconKey = null;
+            }
+            index$4.saveApi("organization/orgType", {
+              ...hy.form.value,
+              icon: null
+            }).then((res) => {
+              if (res.code === 200) {
+                emit2("on-submit", hy.form.value.id ? null : 1);
+                hy.visible.value = false;
+                elementPlus.ElMessage.success(t("videoPlayer.operationSuccessful"));
+              }
+            });
+          }
+        });
+      }
+      function onClose2() {
+        hy.visible.value = false;
+      }
+      function setDragLevelIndex2(dragLevel) {
+        HyDialogRef2.value.setDragLevelIndex(dragLevel);
+      }
+      function onMinimized2(e) {
+        emit2("onMinimized", e);
+      }
+      function onDialogMousedown2(e) {
+        emit2("onDialogMousedown", e);
+      }
+      function show2(row) {
+        if (row) {
+          hy.form.value = { ...row };
+        } else {
+          hy.form.value = {
+            icon: null,
+            typeName: null
+          };
+        }
+        hy.visible.value = true;
+      }
+      return {
+        // HyCutterRef,
+        formRef: formRef2,
+        visible: visible2,
+        form: form2,
+        rules: rules2,
+        beforeAvatarUpload: beforeAvatarUpload2,
+        handleHttpRequestImg: handleHttpRequestImg2,
+        submit: submit2,
+        onClose: onClose2,
+        show: show2,
+        onDialogMousedown: onDialogMousedown2,
+        onMinimized: onMinimized2,
+        setDragLevelIndex: setDragLevelIndex2,
+        title: title2,
+        HyDialogRef: HyDialogRef2
+      };
+    }
+    const {
+      // HyCutterRef,
+      formRef,
+      visible,
+      form,
+      rules,
+      beforeAvatarUpload,
+      handleHttpRequestImg,
+      submit,
+      onClose,
+      show,
+      title,
+      setDragLevelIndex,
+      HyDialogRef,
+      onMinimized,
+      onDialogMousedown
+    } = useMixins.useMixins({ emit, props }, [useAddDepartmentType]);
+    __expose({
+      show,
+      setDragLevelIndex
+    });
+    return (_ctx, _cache) => {
+      const _component_el_input = vue.resolveComponent("el-input");
+      return vue.openBlock(), vue.createBlock(vue.unref(index.HyDialog), {
+        ref_key: "HyDialogRef",
+        ref: HyDialogRef,
+        modelValue: vue.unref(visible),
+        "onUpdate:modelValue": ($event) => vue.isRef(visible) ? visible.value = $event : null,
+        "if-shrink": props.ifShrink,
+        "if-draggable": props.ifDraggable,
+        width: "310px",
+        title: vue.unref(title),
+        showOperate: false,
+        "on-close": vue.unref(onClose),
+        onOnMinimized: vue.unref(onMinimized),
+        onOnDialogMousedown: vue.unref(onDialogMousedown)
+      }, {
+        default: vue.withCtx(() => [
+          vue.createCommentVNode(` <template #header>
+      <div
+        class="box-border w-full border-0 border-b border-solid border-background-3 px-4 py-[10px] text-main text-sm font-bold flex justify-between items-center relative"
+      >
+        <span v-if="form.id">{{ t('editDepartmentType') }}</span>
+        <span v-else>{{ t('addDepartmentType') }}</span>
+        <div class="text-lg absolute right-4 cursor-pointer text-danger-2">
+          <HyIcon
+            svg-name="layout-dialog-close-v2"
+            class="!w-[20px] !h-[20px]"
+            @click="onClose"
+          />
+        </div>
+      </div>
+    </template> `),
+          vue.createElementVNode("div", { class: "text-main" }, [
+            vue.createElementVNode("div", { class: "box-border" }, [
+              vue.createElementVNode("div", { class: "overflow-hidden" }, [
+                vue.createVNode(vue.unref(elementPlus.ElForm), {
+                  ref_key: "formRef",
+                  ref: formRef,
+                  "label-position": "top",
+                  model: vue.unref(form),
+                  rules: vue.unref(rules),
+                  "label-width": "0px"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(elementPlus.ElFormItem), { prop: "companyName" }, {
+                      label: vue.withCtx(() => [
+                        vue.createElementVNode(
+                          "span",
+                          { class: "form-label" },
+                          vue.toDisplayString(vue.unref(t)("departmentType.departmentIcon")),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      default: vue.withCtx(() => [
+                        vue.createElementVNode("div", { class: "flex flex-row" }, [
+                          vue.createVNode(vue.unref(elementPlus.ElUpload), {
+                            class: "w-[80px] flex items-center justify-center",
+                            accept: ".png,.jpg,.gif",
+                            "before-upload": vue.unref(beforeAvatarUpload),
+                            "http-request": vue.unref(handleHttpRequestImg),
+                            action: "",
+                            "show-file-list": false
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createElementVNode("div", { class: "click-box emptyHead" }, [
+                                vue.unref(form).icon ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElImage), {
+                                  key: 0,
+                                  fit: "contain",
+                                  class: "w-[44px] h-[44px]",
+                                  src: vue.unref(form).icon
+                                }, null, 8, ["src"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$1.HyIcon), {
+                                  key: 1,
+                                  "svg-name": "ops-file-empty-head",
+                                  class: "text-auxiliary !w-[42px] !h-[42px]"
+                                })),
+                                vue.createElementVNode(
+                                  "span",
+                                  { class: "uploadTips text-center" },
+                                  vue.toDisplayString(vue.unref(t)("departmentType.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(vue.unref(t)("departmentType.pleaseUploadDepartmentTypeIcon")),
+                              1
+                              /* TEXT */
+                            ),
+                            vue.createElementVNode(
+                              "div",
+                              null,
+                              vue.toDisplayString(vue.unref(t)("departmentType.iconSize44px")) + "*44px",
+                              1
+                              /* TEXT */
+                            ),
+                            vue.createElementVNode(
+                              "div",
+                              null,
+                              vue.toDisplayString(vue.unref(t)("departmentType.ifNoIconUseTheDefaultIcon")),
+                              1
+                              /* TEXT */
+                            )
+                          ])
+                        ])
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }),
+                    vue.createVNode(vue.unref(elementPlus.ElFormItem), { prop: "typeName" }, {
+                      label: vue.withCtx(() => [
+                        vue.createElementVNode(
+                          "span",
+                          { class: "form-label" },
+                          vue.toDisplayString(vue.unref(t)("departmentType.departmentTypeName")),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_input, {
+                          modelValue: vue.unref(form).typeName,
+                          "onUpdate:modelValue": ($event) => vue.unref(form).typeName = $event,
+                          placeholder: vue.unref(t)("departmentType.pleaseEnterTheDepartmentTypeName"),
+                          clearable: ""
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["model", "rules"])
+              ]),
+              vue.createElementVNode("div", { class: "flex items-center justify-center mt-5" }, [
+                vue.createVNode(vue.unref(index$2.HyButton), {
+                  class: "!min-w-[120px]",
+                  onClick: vue.unref(onClose)
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(
+                      vue.toDisplayString(vue.unref(t)("departmentType.close")),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["onClick"]),
+                vue.createVNode(vue.unref(index$2.HyButton), {
+                  type: "primary",
+                  class: "!min-w-[120px]",
+                  onClick: vue.unref(submit)
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(
+                      vue.toDisplayString(vue.unref(t)("departmentType.save")),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["onClick"])
+              ])
+            ])
+          ]),
+          vue.unref(visible) ? (vue.openBlock(), vue.createBlock(
+            vue.unref(index$3.HyCutter),
+            {
+              key: 0,
+              ref_key: "HyCutterRef",
+              ref: HyCutterRef,
+              "show-upload": false,
+              "z-index": 1e4
+            },
+            null,
+            512
+            /* NEED_PATCH */
+          )) : vue.createCommentVNode("v-if", true)
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["modelValue", "onUpdate:modelValue", "if-shrink", "if-draggable", "title", "on-close", "onOnMinimized", "onOnDialogMousedown"]);
+    };
+  }
+});
+import "./style/addDepartmentType.scss?vue&type=style&index=0&src=1a1962e6&scoped=1a1962e6&lang.css";
+
+var componnet = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-1a1962e6"]]);
+
+exports.default = componnet;

package/lib/bussiness/hyAddDepartmentType/index.js

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

package/lib/bussiness/hyAddDepartmentType/style/addDepartmentType.scss

@@ -0,0 +1,31 @@
+.emptyHead {
+    color: rgba(var(--hy-auxiliary), 1);
+    height: 44px;
+    width: 44px;
+    background: var(--item-background-main-color);
+    box-shadow: 0 0 10px 2px var(--background-auxiliary-color);
+    border-radius: 6px;
+    border: 1px solid #454b5f;
+    position: relative;
+    overflow: hidden;
+    span.uploadTips {
+      color: #fff;
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      width: 44px;
+      font-size: 12px;
+      line-height: 20px;
+      transform: translate(-50%, -50%);
+      opacity: 0;
+      transition: 0.5s;
+    }
+  }
+  .emptyHead:hover {
+    img {
+      opacity: 0.5;
+    }
+    span.uploadTips {
+      opacity: 1;
+    }
+  }

package/lib/bussiness/index.js

@@ -1,2 +1,7 @@
 'use strict';
 
+var index = require('./hyAddDepartmentType/index.js');
+
+
+
+exports.HyAddDepartmentType = index.HyAddDepartmentType;

package/lib/components/hyBatchUploadDialog/batchUploadDialog.vue.js

@@ -82,6 +82,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     beforeDataHandle: {
       type: Function
     },
+    onExpandRowChange: {
+      type: Function
+    },
     submitHandler: {
       type: Function
     }
@@ -292,41 +295,47 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
           }, 8, ["disabled"])) : vue.createCommentVNode("v-if", true)
         ]),
         default: vue.withCtx(() => [
-          visible.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.HyBatchTableForm), {
-            key: 0,
-            ref_key: "batchTableFormRef",
-            ref: batchTableFormRef,
-            step: currentStep.value,
-            "onUpdate:step": ($event) => currentStep.value = $event,
-            tableColumns: __props.tableColumns,
-            formColumns: __props.formColumns,
-            rules: __props.rules,
-            emptyText: __props.emptyText,
-            fontSize: __props.fontSize,
-            rowClickExpand: __props.rowClickExpand,
-            columnNum: __props.columnNum,
-            size: __props.size,
-            beforeDataHandle: __props.beforeDataHandle,
-            "submit-handler": __props.submitHandler,
-            onUploading: onTableUploadingHandler,
-            onUploaded: onTableUploadedHandler,
-            onReset: onTableResetHandler,
-            onValidate: onTableValidateHandler,
-            onSubmitting: onTableSubmittingHandler,
-            onSubmit: onTableSubmitHandler
-          }, vue.createSlots({
-            _: 2
-            /* DYNAMIC */
-          }, [
-            vue.renderList(_ctx.$slots, (_, slotName) => {
-              return {
-                name: slotName,
-                fn: vue.withCtx((scope) => [
-                  vue.renderSlot(_ctx.$slots, slotName, vue.normalizeProps(vue.guardReactiveProps(scope)))
-                ])
-              };
-            })
-          ]), 1032, ["step", "onUpdate:step", "tableColumns", "formColumns", "rules", "emptyText", "fontSize", "rowClickExpand", "columnNum", "size", "beforeDataHandle", "submit-handler"])) : vue.createCommentVNode("v-if", true)
+          vue.createElementVNode("div", { class: "flex flex-col w-full h-full" }, [
+            vue.renderSlot(_ctx.$slots, "dialog-head-box", vue.normalizeProps(vue.guardReactiveProps({ currentStep: currentStep.value }))),
+            vue.createElementVNode("div", { class: "flex-grow h-0" }, [
+              visible.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.HyBatchTableForm), {
+                key: 0,
+                ref_key: "batchTableFormRef",
+                ref: batchTableFormRef,
+                step: currentStep.value,
+                "onUpdate:step": ($event) => currentStep.value = $event,
+                tableColumns: __props.tableColumns,
+                formColumns: __props.formColumns,
+                rules: __props.rules,
+                emptyText: __props.emptyText,
+                fontSize: __props.fontSize,
+                rowClickExpand: __props.rowClickExpand,
+                columnNum: __props.columnNum,
+                size: __props.size,
+                beforeDataHandle: __props.beforeDataHandle,
+                onExpandRowChange: __props.onExpandRowChange,
+                "submit-handler": __props.submitHandler,
+                onUploading: onTableUploadingHandler,
+                onUploaded: onTableUploadedHandler,
+                onReset: onTableResetHandler,
+                onValidate: onTableValidateHandler,
+                onSubmitting: onTableSubmittingHandler,
+                onSubmit: onTableSubmitHandler
+              }, vue.createSlots({
+                _: 2
+                /* DYNAMIC */
+              }, [
+                vue.renderList(_ctx.$slots, (_, slotName) => {
+                  return {
+                    name: slotName,
+                    fn: vue.withCtx((scope) => [
+                      vue.renderSlot(_ctx.$slots, slotName, vue.normalizeProps(vue.guardReactiveProps(scope)))
+                    ])
+                  };
+                })
+              ]), 1032, ["step", "onUpdate:step", "tableColumns", "formColumns", "rules", "emptyText", "fontSize", "rowClickExpand", "columnNum", "size", "beforeDataHandle", "onExpandRowChange", "submit-handler"])) : vue.createCommentVNode("v-if", true)
+            ])
+          ])
         ]),
         _: 2
         /* DYNAMIC */

package/lib/components/hyDatePicker/datePicker.vue.js

@@ -93,6 +93,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         ) && props.isRange) {
           if (start && end) {
             dateValue.value = [start, end];
+          } else {
+            dateValue.value = [];
           }
         }
       },