hy-dispatch-ui-v3 0.2.62 → 0.2.63

package/lib/components/hyButton/style/button.scss

@@ -8,9 +8,8 @@
   color: inherit;
   white-space: nowrap;
   font-size: 14px;
-  padding: 2px;
-  border: 1px solid transparent;
   box-sizing: border-box;
+  border-radius: 4px;
 
   &:disabled,
   &.is-disabled {
@@ -35,6 +34,8 @@
 
   &.hy-button_default {
     background: rgba(94, 157, 180, 0.32);
+    border: 1px solid rgba(94, 157, 180, 1);
+    box-shadow: 0px 0px 0px 2px rgba(94, 157, 180, 0.5);
   
     .hy-button__border {
       background: linear-gradient(
@@ -99,6 +100,8 @@
   
   &.hy-button_function {
     background: rgba(45, 242, 255, 0.32);
+    border: 1px solid rgba(45, 242, 255, 1);
+    box-shadow: 0px 0px 0px 2px rgba(45, 242, 255, 0.5);
   
     .hy-button__border {
       background: linear-gradient(
@@ -163,6 +166,8 @@
   
   &.hy-button_addTo {
     background: rgba(44, 232, 152, 0.32);
+    border: 1px solid rgba(44, 232, 152, 1);
+    box-shadow: 0px 0px 0px 2px rgba(44, 232, 152, 0.5);
   
     .hy-button__border {
       background: linear-gradient(
@@ -227,6 +232,8 @@
   
   &.hy-button_delete {
     background: rgba(255, 77, 77, 0.32);
+    border: 1px solid rgba(255, 77, 77, 1);
+    box-shadow: 0px 0px 0px 2px rgba(255, 77, 77, 0.5);
   
     .hy-button__border {
       background: linear-gradient(

package/lib/components/hyConfigProvider/configProvider.vue.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var elementPlus = require('element-plus');
 var ElementLocale = require('element-plus/es/locales.mjs');
+require('../../hooks/index.js');
 var useGlobalConfig = require('../../hooks/useGlobalConfig.js');
 
 function _interopNamespaceDefault(e) {

package/lib/components/hyConfigProvider/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var configProvider = require('./configProvider.vue.js');
+require('../../utils/index.js');
 var handler = require('../../utils/handler.js');
 
 const HyConfigProvider = handler.withInstall(configProvider.default);

package/lib/components/hyConfirmDialog/confirmDialog.vue.js

@@ -4,6 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
+require('../../hooks/index.js');
+require('../index.js');
 var useLocale = require('../../hooks/useLocale.js');
 var index = require('../hyIcon/index.js');
 var index$1 = require('../hyButton/index.js');
@@ -202,6 +204,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 key: 0,
                 type: __props.cancelType,
                 disabled: loading.value,
+                class: "min-w-[120px]",
                 onClick: onCancelHandler
               }, {
                 default: vue.withCtx(() => [
@@ -218,6 +221,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 key: 1,
                 type: __props.submitType,
                 loading: loading.value,
+                class: "min-w-[120px]",
                 onClick: onSubmitHandler
               }, {
                 default: vue.withCtx(() => [

package/lib/components/hyConfirmDialog/confirmMethod.js

@@ -3,11 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+require('../../hooks/index.js');
 var useApi = require('../../hooks/useApi.js');
+require('../index.js');
 var confirmDialog = require('./confirmDialog.vue.js');
-var useLocale = require('../../hooks/useLocale.js');
 var useGlobalConfig = require('../../hooks/useGlobalConfig.js');
 var index = require('../hyConfigProvider/index.js');
+var useLocale = require('../../hooks/useLocale.js');
 
 function appConfirmMethod(config) {
   let container = document.createDocumentFragment();
@@ -87,11 +89,11 @@ confirmDialog.default.danger = (props) => {
   const { t } = useLocale.useLocale();
   return appConfirmMethod({
     dialogTitle: t("dialog.dangerousOperation"),
-    titleClass: "text-danger",
+    titleClass: "text-danger-2",
     title: t("dialog.prompt"),
     content: t("dialog.content"),
     submitType: "danger",
-    iconColor: "rgb(var(--hy-danger))",
+    iconColor: "rgb(var(--hy-danger-2))",
     ...props
   });
 };

package/lib/components/hyConfirmDialog/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('./confirmMethod.js');
+require('../../utils/index.js');
 var handler = require('../../utils/handler.js');
 var confirmDialog = require('./confirmDialog.vue.js');
 

package/lib/components/hyCutter/cutter.vue.js

@@ -6,6 +6,9 @@ var vue = require('vue');
 var vueCropper = require('vue-cropper');
 var elementPlus = require('element-plus');
 var iconsVue = require('@element-plus/icons-vue');
+require('../../utils/index.js');
+require('../index.js');
+require('../../hooks/index.js');
 var useLocale = require('../../hooks/useLocale.js');
 var file = require('../../utils/file.js');
 var index = require('../hyDialog/index.js');

package/lib/components/hyCutter/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var cutter = require('./cutter.vue.js');
+require('../../utils/index.js');
 var handler = require('../../utils/handler.js');
 
 const HyCutter = handler.withInstall(cutter.default);

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

@@ -4,6 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
+require('../../utils/index.js');
+require('../../hooks/index.js');
 var useLocale = require('../../hooks/useLocale.js');
 var date = require('../../utils/date.js');
 var is = require('../../utils/is.js');

package/lib/components/hyDatePicker/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var datePicker = require('./datePicker.vue.js');
+require('../../utils/index.js');
 var handler = require('../../utils/handler.js');
 
 const HyDatePicker = handler.withInstall(datePicker.default);

package/lib/components/hyDialog/dialog.vue.js

@@ -4,6 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
+require('../index.js');
+require('../../hooks/index.js');
 var useLocale = require('../../hooks/useLocale.js');
 var index = require('../hyButton/index.js');
 var index$1 = require('../hyIcon/index.js');
@@ -13,21 +15,22 @@ import "./style/dialog.scss";
 const __default__ = vue.defineComponent({
   name: "HyDialog"
 });
-const svg = `
-  <path class="path" d="
-    M 30 15
-    L 28 17
-    M 25.61 25.61
-    A 15 15, 0, 0, 1, 15 30
-    A 15 15, 0, 1, 1, 27.99 7.5
-    L 15 15
-  " style="stroke-width: 4px; fill: rgba(0, 0, 0, 0)"/>
-`;
 const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
   props: /* @__PURE__ */ vue.mergeModels({
     title: { type: String, default: "\u6807\u9898" },
     titleAlign: { type: String, default: "default" },
     // default、center
+    titleBasicInfoList: {
+      type: Array,
+      default: () => {
+        return [
+          // {
+          //   label: 'label',
+          //   value: 'value',
+          // },
+        ];
+      }
+    },
     dialogType: {
       type: String,
       default: "default"
@@ -171,15 +174,23 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     function setDragLevelIndex(initDragLevelIndex) {
       dragLevelIndex.value = initDragLevelIndex;
       if (minimized.value) runAnim();
-      minimized.value = false;
-      emits("onMinimized", minimized.value);
+      if (minimized.value !== false) {
+        minimized.value = false;
+        emits("onMinimized", {
+          title: props.title,
+          type: minimized.value
+        });
+      }
     }
     function hideToWorkspace() {
       runAnim(() => {
         dragLevelIndex.value = 1;
       });
       minimized.value = true;
-      emits("onMinimized", minimized.value);
+      emits("onMinimized", {
+        title: props.title,
+        type: minimized.value
+      });
     }
     const dialogTestRef = vue.ref();
     function dialogMousedown(e) {
@@ -237,13 +248,72 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   class: vue.normalizeClass(["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", { "!justify-center": __props.titleAlign === "center" }])
                 },
                 [
-                  vue.createElementVNode("div", { class: "flex-grow w-0 mr-2 over_one_line" }, [
+                  vue.createElementVNode("div", { class: "flex-grow w-0 mr-2" }, [
                     vue.renderSlot(_ctx.$slots, "title", {}, () => [
-                      vue.createTextVNode(
-                        vue.toDisplayString(__props.title),
-                        1
-                        /* TEXT */
-                      )
+                      vue.createElementVNode("div", { class: "flex items-center" }, [
+                        vue.createElementVNode(
+                          "div",
+                          { class: "over_one_line" },
+                          vue.toDisplayString(__props.title),
+                          1
+                          /* TEXT */
+                        ),
+                        vue.renderSlot(_ctx.$slots, "title-basic-info", {}, () => [
+                          __props.titleBasicInfoList.length !== 0 ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElPopover), {
+                            key: 0,
+                            "show-after": 500,
+                            placement: "bottom-start",
+                            width: "200",
+                            trigger: "hover"
+                          }, {
+                            reference: vue.withCtx(() => [
+                              vue.createElementVNode("span", { class: "text-xs text-theme ml-2 flex items-center flex-shrink-0" }, [
+                                vue.createVNode(vue.unref(index$1.HyIcon), {
+                                  "svg-name": "dispatch-linear-details",
+                                  class: "!w-3 !h-3 mr-1"
+                                }),
+                                vue.createElementVNode("span", null, "\u57FA\u7840\u4FE1\u606F")
+                              ])
+                            ]),
+                            default: vue.withCtx(() => [
+                              vue.createElementVNode("div", { class: "text-sm text-main" }, [
+                                vue.createElementVNode("div", { class: "text-auxiliary h-[30px] flex items-center justify-center border-b border-border box-border text-xs" }, " \u5F53\u524D\u64CD\u4F5C\u5BF9\u8C61 "),
+                                vue.createElementVNode("ul", { class: "py-2 max-h-[500px] overflow-auto" }, [
+                                  (vue.openBlock(true), vue.createElementBlock(
+                                    vue.Fragment,
+                                    null,
+                                    vue.renderList(__props.titleBasicInfoList, (basicInfoItem, index) => {
+                                      return vue.openBlock(), vue.createElementBlock("li", {
+                                        key: index,
+                                        class: "flex px-2 py-1 text-xs"
+                                      }, [
+                                        vue.createElementVNode(
+                                          "div",
+                                          { class: "flex-shrink-0 font-bold" },
+                                          vue.toDisplayString(basicInfoItem.label) + "\uFF1A ",
+                                          1
+                                          /* TEXT */
+                                        ),
+                                        vue.createElementVNode(
+                                          "div",
+                                          { class: "break-all" },
+                                          vue.toDisplayString(basicInfoItem.value),
+                                          1
+                                          /* TEXT */
+                                        )
+                                      ]);
+                                    }),
+                                    128
+                                    /* KEYED_FRAGMENT */
+                                  ))
+                                ])
+                              ])
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })) : vue.createCommentVNode("v-if", true)
+                        ])
+                      ])
                     ])
                   ]),
                   vue.createElementVNode("div", { class: "text-lg cursor-pointer" }, [
@@ -267,13 +337,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
               )
             ]),
             default: vue.withCtx(() => [
-              vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-                "element-loading-text": "\u52A0\u8F7D\u4E2D...",
-                "element-loading-svg": svg,
-                "element-loading-svg-view-box": "-10, -10, 50, 50",
-                "element-loading-background": "rgba(0, 0, 0, 0.8)",
-                class: "h-full flex flex-col text-main"
-              }, [
+              vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", { class: "h-full flex flex-col text-main" }, [
                 vue.renderSlot(_ctx.$slots, "before-content"),
                 vue.renderSlot(_ctx.$slots, "content", {}, () => [
                   vue.createElementVNode(

package/lib/components/hyDialog/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var dialog = require('./dialog.vue.js');
+require('../../utils/index.js');
 var handler = require('../../utils/handler.js');
 
 const HyDialog = handler.withInstall(dialog.default);

package/lib/components/hyForm/cpns/arrayItem.vue.js

@@ -5,6 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var elementPlus = require('element-plus');
 var iconsVue = require('@element-plus/icons-vue');
+require('../../../hooks/index.js');
+require('../../index.js');
+require('../../../utils/index.js');
 var index = require('../js/index.js');
 var formItem = require('./formItem.vue.js');
 var useAppForm = require('../js/useAppForm.js');
@@ -63,9 +66,19 @@ const _sfc_main = {
       }
     });
     const containerRef = vue.useTemplateRef("containerRef");
-    vue.ref(0);
-    vue.ref(false);
-    vue.ref(null);
+    const containerHeight = vue.ref(0);
+    const isExpand = vue.ref(false);
+    const isExpandHover = vue.ref(null);
+    function onExpandHandler(column) {
+      containerHeight.value = containerRef.value.clientHeight;
+      isExpand.value = !isExpand.value;
+    }
+    function onExpandMouseenter(column) {
+      isExpandHover.value = true;
+    }
+    function onExpandMouseleave(column) {
+      isExpandHover.value = false;
+    }
     const containerStyle = vue.computed(() => {
       const columnNum = is.isNumber(props.column.columnNum) && props.column.columnNum > 0 ? props.column.columnNum : is.isNumber(props.columnNum) && props.columnNum > 0 ? props.columnNum || 1 : 1;
       return {

package/lib/components/hyForm/cpns/extraItem.vue.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var elementPlus = require('element-plus');
 var iconsVue = require('@element-plus/icons-vue');
+require('../../../hooks/index.js');
+require('../../../utils/index.js');
 var formItem = require('./formItem.vue.js');
 var useLocale = require('../../../hooks/useLocale.js');
 var is = require('../../../utils/is.js');

package/lib/components/hyForm/cpns/formItem.vue.js

@@ -4,7 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
+require('../../../utils/index.js');
+require('../../index.js');
 var index = require('../js/index.js');
+require('../../../hooks/index.js');
 var useLocale = require('../../../hooks/useLocale.js');
 var is = require('../../../utils/is.js');
 var form = require('../../../utils/form.js');

package/lib/components/hyForm/cpns/locationSelect.vue.js

@@ -4,6 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
+require('../../../hooks/index.js');
+require('../../../utils/index.js');
+require('../../index.js');
 var formItem = require('./formItem.vue.js');
 var useLocale = require('../../../hooks/useLocale.js');
 var is = require('../../../utils/is.js');

package/lib/components/hyForm/form.vue.js

@@ -4,6 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
+require('@element-plus/icons-vue');
+require('../../hooks/index.js');
+require('../../utils/index.js');
 var formItem = require('./cpns/formItem.vue.js');
 var extraItem = require('./cpns/extraItem.vue.js');
 var arrayItem = require('./cpns/arrayItem.vue.js');

package/lib/components/hyForm/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var form = require('./form.vue.js');
+require('../../utils/index.js');
 var useAppForm = require('./js/useAppForm.js');
 var handler = require('../../utils/handler.js');
 

package/lib/components/hyForm/js/index.js

@@ -1,8 +1,10 @@
 'use strict';
 
 var vue = require('vue');
-var is = require('../../../utils/is.js');
+require('../../../utils/index.js');
+require('../../../hooks/index.js');
 var handler = require('../../../utils/handler.js');
+var is = require('../../../utils/is.js');
 var form = require('../../../utils/form.js');
 var useLocale = require('../../../hooks/useLocale.js');
 

package/lib/components/hyForm/js/useAppForm.js

@@ -1,9 +1,11 @@
 'use strict';
 
 var vue = require('vue');
+require('../../../hooks/index.js');
+require('../../../utils/index.js');
+var form = require('../../../utils/form.js');
 var handler = require('../../../utils/handler.js');
 var is = require('../../../utils/is.js');
-var form = require('../../../utils/form.js');
 
 function appFormItemHandler(column = {}) {
   const label = form.genColumnDefaultLabel(column);

package/lib/components/hyIcon/icon.vue.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+require('../../hooks/index.js');
 var useEnsureHyIcon = require('../../hooks/useEnsureHyIcon.js');
 
 import "./style/icon.scss";

package/lib/components/hyIcon/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var icon = require('./icon.vue.js');
+require('../../utils/index.js');
 var handler = require('../../utils/handler.js');
 
 const HyIcon = handler.withInstall(icon.default);

package/lib/components/hyIconBox/iconBox.vue.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
+require('../index.js');
 var index = require('../hyIcon/index.js');
 
 import "./style/iconBox.scss";

package/lib/components/hyIconBox/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var iconBox = require('./iconBox.vue.js');
+require('../../utils/index.js');
 var handler = require('../../utils/handler.js');
 
 const HyIconBox = handler.withInstall(iconBox.default);

package/lib/components/hyInput/index.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var input = require('./input.vue.js');
 var inputSearch = require('./inputSearch.vue.js');
+require('../../utils/index.js');
 var handler = require('../../utils/handler.js');
 
 const HyInput = handler.withInstall(input.default);

package/lib/components/hyInput/input.vue.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
+require('../../utils/index.js');
 var form = require('../../utils/form.js');
 
 const __default__ = vue.defineComponent({
@@ -29,6 +30,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
   emits: /* @__PURE__ */ vue.mergeModels([], ["update:modelValue"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const modelValue = vue.useModel(__props, "modelValue");
     const inputRef = vue.useTemplateRef("inputRef");
     const clearSpaceType = vue.computed(() => {

package/lib/components/hyInput/inputSearch.vue.js

@@ -22,6 +22,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
   }),
   emits: /* @__PURE__ */ vue.mergeModels(["search"], ["update:modelValue"]),
   setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
     const emits = __emit;
     const modelValue = vue.useModel(__props, "modelValue");
     const inputRef = vue.useTemplateRef("inputRef");

package/lib/components/hyLoading/index.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var elementPlus = require('element-plus');
+require('../../utils/index.js');
+require('../../hooks/index.js');
+var sharedContent = require('../../utils/sharedContent.js');
+var useLocale = require('../../hooks/useLocale.js');
+
+const loadingConfig = {
+  svg: sharedContent.loadingSvg,
+  svgViewBox: "-10, -10, 50, 50",
+  background: "rgba(0, 0, 0, 0.8)"
+};
+const HyLoading = {
+  name: "HyLoading",
+  install: (app) => {
+    HyLoading.service._context = app._context;
+    HyLoading.directive._context = app._context;
+    app.directive("loading", HyLoading.directive);
+    app.config.globalProperties.$loading = HyLoading;
+  },
+  directive: {
+    ...elementPlus.ElLoading.directive,
+    mounted: function(el, binding, vnode, prevVnode) {
+      const { t } = useLocale.useLocale();
+      el.setAttribute("element-loading-text", `${t("hy.loading")}...`);
+      el.setAttribute("element-loading-svg", loadingConfig.svg);
+      el.setAttribute("element-loading-svg-view-box", loadingConfig.svgViewBox);
+      el.setAttribute("element-loading-background", loadingConfig.background);
+      elementPlus.ElLoading.directive.mounted.call(this, el, binding, vnode, prevVnode);
+    }
+  },
+  service: function(options = {}) {
+    const { t } = useLocale.useLocale();
+    return elementPlus.ElLoading.service.call(this, {
+      text: `${t("hy.loading")}...`,
+      ...loadingConfig,
+      ...options
+    });
+  }
+};
+
+exports.ElLoading = HyLoading;
+exports.HyLoading = HyLoading;
+exports.default = HyLoading;

package/lib/components/hyMap/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var map = require('./map.vue.js');
+require('../../utils/index.js');
 var handler = require('../../utils/handler.js');
 
 const HyMap = handler.withInstall(map.default);