hy-dispatch-ui-v3 0.2.67 → 0.2.68

package/lib/components/hyOrgCascader/orgCascader.vue.js

@@ -6,8 +6,10 @@ var vue = require('vue');
 var elementPlus = require('element-plus');
 var iconsVue = require('@element-plus/icons-vue');
 require('../../hooks/index.js');
+require('../index.js');
 var index = require('./js/index.js');
 var useSubscribe = require('../../hooks/useSubscribe.js');
+var index$1 = require('../hyIcon/index.js');
 var useLocale = require('../../hooks/useLocale.js');
 
 import "./style/orgCascader.scss";
@@ -32,8 +34,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     placeholder: {
       type: String,
       default: () => {
-        const { t } = useLocale.useLocale();
-        return t("cascader.pleaseSelectDepartment");
+        return useLocale.$t("cascader.pleaseSelectDepartment");
       }
     },
     /*
@@ -87,7 +88,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     "modelValue": { type: [Array, String, Number] },
     "modelModifiers": {}
   }),
-  emits: /* @__PURE__ */ vue.mergeModels(["change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ vue.mergeModels(["change", "requesting", "fulfilled", "rejected"], ["update:modelValue"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
@@ -104,15 +105,23 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       return target?.companyName;
     });
     function getCascaderData() {
-      return new Promise(async (resolve, reject) => {
+      emits("requesting");
+      if (props.options && props.options.length) {
+        emits("fulfilled");
+        resolve();
+        return;
+      }
+      return new Promise(async (resolve2, reject) => {
         loading.value = true;
         try {
           cascaderOptions.value = [];
           const data = await index.getOrgTreeSimple();
           handlerData(data || []);
-          resolve();
+          emits("fulfilled");
+          resolve2();
         } catch (err) {
           console.error(err);
+          emits("rejected");
           reject();
         }
         loading.value = false;
@@ -146,12 +155,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     }
     function onVisibleChangeHandler(type) {
       focusType.value = type;
-      onVisibleChange(type);
+      props.onVisibleChange && props.onVisibleChange(type);
     }
     if (props.defaultGetData) {
       getCascaderData();
-      subOrgCascader(getCascaderData);
     }
+    subOrgCascader(getCascaderData);
     vue.watch(
       () => props.options,
       () => {
@@ -168,7 +177,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       },
       { immediate: true, deep: true }
     );
-    vue.onUnmounted(() => {
+    vue.onBeforeUnmount(() => {
       unsubOrgCascader(getCascaderData);
     });
     __expose({
@@ -205,6 +214,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 filterable: "",
                 "show-all-levels": false,
                 "virtual-scroll": "",
+                "popper-class": "hy-org-cascader-popper",
                 onChange: onChangeHanlder,
                 onVisibleChange: ($event) => onVisibleChangeHandler($event)
               }, vue.createSlots({
@@ -239,7 +249,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             key: 0,
             style: { "cursor": "pointer" }
           }, [
-            vue.createElementVNode("i", { class: "el-icon-caret-bottom" }),
+            vue.createVNode(vue.unref(index$1.HyIcon), {
+              "svg-name": "dispatch-share1-prompt",
+              class: "!w-3 !h-3"
+            }),
             vue.renderSlot(_ctx.$slots, "default"),
             currentCompanyName.value ? (vue.openBlock(), vue.createElementBlock(
               "span",
@@ -268,6 +281,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
           filterable: "",
           "show-all-levels": false,
           "virtual-scroll": "",
+          "popper-class": "hy-org-cascader-popper",
           onChange: onChangeHanlder,
           onVisibleChange: __props.onVisibleChange
         }, vue.createSlots({

package/lib/components/hyOrgCascader/style/orgCascader.scss

@@ -0,0 +1,7 @@
+.hy-org-cascader-popper {
+  .hy-el-cascader-menu__list {
+    ul > li {
+      box-sizing: border-box;
+    }
+  }
+}

package/lib/components/hyRadioGroup/radioGroup.vue.js

@@ -22,6 +22,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     size: {
       type: String,
       default: "default"
+    },
+    disabled: {
+      type: Boolean,
+      default: false
     }
   }, {
     "modelValue": {
@@ -45,6 +49,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       };
     });
     function switchSelect(target) {
+      if (target[radioProps.value.disabled] || props.disabled) return;
       const value = target[radioProps.value.value];
       if (modelValue.value === value) return;
       modelValue.value = value;
@@ -72,51 +77,53 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     __expose({});
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(
-        "ul",
+        "div",
         {
-          class: vue.normalizeClass(["w-full flex text-xs rounded border border-border box-border relative", [
-            __props.size === "large" ? "h-[40px]" : __props.size === "small" ? "h-[24px]" : "h-[32px]",
+          class: vue.normalizeClass(["hy-radio-group", [
+            __props.size === "large" ? "h-[40px]" : __props.size === "small" ? "h-[30px]" : "h-[34px]",
             __props.size === "small" ? "text-xs" : "text-sm"
           ]])
         },
         [
-          (vue.openBlock(true), vue.createElementBlock(
-            vue.Fragment,
-            null,
-            vue.renderList(__props.options, (item, index) => {
-              return vue.openBlock(), vue.createElementBlock("li", {
-                key: index,
-                class: "w-0 flex-1 flex items-center justify-center text-main user-select-none clickBox",
-                onClick: ($event) => switchSelect(item, index, $event)
-              }, [
-                vue.renderSlot(_ctx.$slots, "default", {
-                  item,
-                  index
-                }, () => [
-                  vue.createTextVNode(
-                    vue.toDisplayString(item[radioProps.value.label]),
-                    1
-                    /* TEXT */
-                  )
-                ])
-              ], 8, ["onClick"]);
-            }),
-            128
-            /* KEYED_FRAGMENT */
-          )),
-          selectIndex.value >= 0 ? (vue.openBlock(), vue.createElementBlock(
-            "li",
-            {
-              key: 0,
-              ref_key: "sliderRef",
-              ref: sliderRef,
-              class: "slider rounded box-border absolute h-full top-0 left-0 z-0 duration-500 border border-theme shadow-[0_0_6px_0] shadow-theme",
-              style: vue.normalizeStyle([{ width: `calc(100% / ${__props.options.length})` }, { "background": "linear-gradient(180deg, #2a4968 0%, #0ea0bb 100%)" }])
-            },
-            null,
-            4
-            /* STYLE */
-          )) : vue.createCommentVNode("v-if", true)
+          vue.createElementVNode("div", { class: "w-full h-full inline-flex box-border relative" }, [
+            (vue.openBlock(true), vue.createElementBlock(
+              vue.Fragment,
+              null,
+              vue.renderList(__props.options, (item, index) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  key: index,
+                  class: vue.normalizeClass(["w-0 flex-1 h-full flex items-center justify-center text-main whitespace-nowrap user-select-none relative z-[2]", [item[radioProps.value.disabled] || __props.disabled ? "cursor-not-allowed opacity-90" : "cursor-pointer"]]),
+                  onClick: ($event) => switchSelect(item, index, $event)
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default", {
+                    item,
+                    index
+                  }, () => [
+                    vue.createTextVNode(
+                      vue.toDisplayString(item[radioProps.value.label]),
+                      1
+                      /* TEXT */
+                    )
+                  ])
+                ], 10, ["onClick"]);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            )),
+            selectIndex.value >= 0 ? (vue.openBlock(), vue.createElementBlock(
+              "div",
+              {
+                key: 0,
+                ref_key: "sliderRef",
+                ref: sliderRef,
+                class: "slider rounded-[2px] box-border absolute h-full top-0 left-0 z-0 duration-500 border border-theme",
+                style: vue.normalizeStyle([{ width: `calc(100% / ${__props.options.length})` }, { "background": "linear-gradient(180deg, #2a4968 0%, #0ea0bb 100%)" }])
+              },
+              null,
+              4
+              /* STYLE */
+            )) : vue.createCommentVNode("v-if", true)
+          ])
         ],
         2
         /* CLASS */

package/lib/components/hyRadioGroup/style/radioGroup.scss

@@ -0,0 +1,9 @@
+.hy-radio-group {
+  width: 100%;
+  display: inline-block;
+  font-size: 12px;
+  border: 1px solid rgba(var(--hy-border));
+  border-radius: 4px;
+  padding: 3px;
+  box-sizing: border-box;
+}

package/lib/components/hySearch/cpns/searchItem.vue.js

@@ -86,19 +86,14 @@ const _sfc_main = {
       return new Promise(async (resolve, reject) => {
         if (props.column.optionsFn) {
           if (!props.column.optionsFn) return;
-          props.column.optionsLoading = true;
-          props.column.optionsError = "";
-          props.column.attrs.options = [];
+          onRequesting();
           if (!(isMountedLoad && props.column.isDefaultGetData === false)) {
             try {
-              props.column.attrs.options = await props.column.optionsFn(
-                props.column,
-                props.model
-              );
-              props.column.optionsError = "";
+              const options = await props.column.optionsFn(props.column, props.model);
+              onFulfilled(options);
               resolve();
             } catch (err) {
-              props.column.optionsError = "error";
+              onRejected();
               console.error(err);
               reject();
             }
@@ -107,13 +102,13 @@ const _sfc_main = {
           }
         } else if (props.column.type === "org-cascader") {
           if (componentRef.value) {
-            props.column.optionsLoading = true;
-            props.column.optionsError = "";
             try {
+              onRequesting();
               await componentRef.value.getData();
+              onFulfilled();
               resolve();
             } catch {
-              props.column.optionsError = "error";
+              onRejected();
               reject();
             }
           } else {
@@ -125,6 +120,21 @@ const _sfc_main = {
         props.column.optionsLoading = false;
       });
     }
+    function onRequesting() {
+      props.column.optionsLoading = true;
+      props.column.optionsError = "";
+      props.column.attrs.options = [];
+    }
+    function onFulfilled(options = []) {
+      props.column.optionsLoading = false;
+      props.column.optionsError = "";
+      props.column.attrs.options = options;
+    }
+    function onRejected() {
+      props.column.optionsLoading = false;
+      props.column.optionsError = "error";
+      props.column.attrs.options = [];
+    }
     function getOptionsHandler(props2, column) {
       if (props2.column.optionsLoading) {
         return [];
@@ -225,7 +235,7 @@ const _sfc_main = {
                   vue.createElementVNode(
                     "div",
                     {
-                      class: vue.normalizeClass(["flex items-center text-auxiliary text-sm whitespace-nowrap", {
+                      class: vue.normalizeClass(["flex items-center text-auxiliary text-sm whitespace-nowrap box-border", {
                         "border-r border-border px-3": __props.column.labelSlot && _ctx.$slots[__props.column.labelSlot] || vue.unref(form.columnLabelHandler)(__props.column, props.model)
                       }])
                     },
@@ -357,12 +367,7 @@ const _sfc_main = {
                         { key: 4 },
                         [
                           vue.createCommentVNode(" \u65E5\u671F\u9009\u62E9\u6846 "),
-                          [
-                            "datetimerange",
-                            "daterange",
-                            "monthrange",
-                            "yearrange"
-                          ].includes(columnAttrs.value?.type) && vue.unref(is.isArray)(__props.column.field) ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.HyDatePicker), vue.mergeProps({
+                          ["datetimerange", "daterange", "monthrange", "yearrange"].includes(columnAttrs.value?.type) && vue.unref(is.isArray)(__props.column.field) ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.HyDatePicker), vue.mergeProps({
                             key: 0,
                             ref_key: "componentRef",
                             ref: componentRef,
@@ -371,6 +376,7 @@ const _sfc_main = {
                             end: bindValue2.value,
                             "onUpdate:end": ($event) => bindValue2.value = $event,
                             "is-range": true,
+                            class: "box-border",
                             style: { "width": "100%" },
                             timeRangeFill: __props.column.timeRangeFill
                           }, columnAttrs.value, {
@@ -383,6 +389,7 @@ const _sfc_main = {
                             modelValue: bindValue.value,
                             "onUpdate:modelValue": ($event) => bindValue.value = $event,
                             "is-range": false,
+                            class: "box-border",
                             style: { "width": "100%" },
                             timeRangeFill: __props.column.timeRangeFill
                           }, columnAttrs.value, {
@@ -406,6 +413,7 @@ const _sfc_main = {
                             end: bindValue2.value,
                             "onUpdate:end": ($event) => bindValue2.value = $event,
                             "is-range": true,
+                            class: "box-border",
                             style: { "width": "100%" }
                           }, columnAttrs.value, {
                             disabled: vue.unref(index.isDisabled)(props, __props.column),
@@ -417,6 +425,7 @@ const _sfc_main = {
                             modelValue: bindValue.value,
                             "onUpdate:modelValue": ($event) => bindValue.value = $event,
                             "is-range": false,
+                            class: "box-border",
                             style: { "width": "100%" }
                           }, columnAttrs.value, {
                             disabled: vue.unref(index.isDisabled)(props, __props.column),
@@ -437,6 +446,10 @@ const _sfc_main = {
                             "onUpdate:modelValue": ($event) => bindValue.value = $event
                           }, columnAttrs.value, {
                             disabled: vue.unref(index.isDisabled)(props, __props.column),
+                            defaultGetData: false,
+                            onRequesting,
+                            onFulfilled,
+                            onRejected,
                             onChange: onChangeHandler,
                             onVisibleChange
                           }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"])
@@ -505,7 +518,7 @@ const _sfc_main = {
                   vue.renderList(__props.column.timeRangeOptions, (item, index$1) => {
                     return vue.openBlock(), vue.createElementBlock("div", {
                       key: index$1,
-                      class: vue.normalizeClass(["border-l border-border px-[10px] cursor-pointer", {
+                      class: vue.normalizeClass(["border-l border-border px-[10px] cursor-pointer box-border", {
                         "bg-[rgba(var(--hy-theme),0.2)] text-theme font-bold": vue.unref(index.isSelectedTimeRange)(__props.column, item, __props.model)
                       }]),
                       onClick: ($event) => onTimeRangeClickHandler(__props.column, item)

package/lib/components/hySearch/js/index.js

@@ -50,10 +50,7 @@ function isEmptyValue(e) {
   return is.isEmpty(e) || is.isArray(e) && !e.length;
 }
 function useShrink(props, formItemWrapper) {
-  const { removeResize } = useResizeObserver.useResizeObserver(
-    formItemWrapper,
-    shrinkResizeHandler
-  );
+  const { removeResize } = useResizeObserver.useResizeObserver(formItemWrapper, shrinkResizeHandler);
   const isExpand = vue.ref(false);
   const showShrink = vue.ref(true);
   const containerHeight = vue.ref(getContainerPickUpHeight());

package/lib/components/hySearch/js/useAppSearch.js

@@ -3,8 +3,8 @@
 var vue = require('vue');
 require('../../../hooks/index.js');
 require('../../../utils/index.js');
-var useLocale = require('../../../hooks/useLocale.js');
 var is = require('../../../utils/is.js');
+var useLocale = require('../../../hooks/useLocale.js');
 var form = require('../../../utils/form.js');
 var handler = require('../../../utils/handler.js');
 
@@ -34,7 +34,6 @@ const genColumnWidth = (config) => {
   return { width, inputWidth };
 };
 const timeRangeOptionsHandler = (config) => {
-  const { t } = useLocale.useLocale();
   const { timeRangeOptions } = config || {};
   if (!timeRangeOptions?.length) return timeRangeOptions;
   return timeRangeOptions.reduce((list, item) => {
@@ -44,15 +43,15 @@ const timeRangeOptionsHandler = (config) => {
     if (!label) {
       switch (unit) {
         case "year":
-          label = `${value} ` + t(isPlural ? "hy.years" : "hy.year");
+          label = `${value} ` + useLocale.$t(isPlural ? "hy.years" : "hy.year");
           break;
         case "month":
-          label = `${value} ` + t(isPlural ? "hy.months" : "hy.month");
+          label = `${value} ` + useLocale.$t(isPlural ? "hy.months" : "hy.month");
           break;
         case "day":
         default:
           unit = "day";
-          label = value === 1 ? t("hy.today") : `${value} ` + t(isPlural ? "hy.days" : "hy.day");
+          label = value === 1 ? useLocale.$t("hy.today") : `${value} ` + useLocale.$t(isPlural ? "hy.days" : "hy.day");
       }
     }
     list.push({ ...item, label, unit });
@@ -109,11 +108,7 @@ const resetAppSearchValue = (columns = [], obj = {}) => {
     const value = handler.funRunHandler(item.defaultValue);
     if (Array.isArray(item.prop)) {
       for (let i = 0; i < item.prop.length; i++) {
-        form.genValueByProp(
-          obj,
-          item.prop[i],
-          Array.isArray(value) ? value[i] : void 0
-        );
+        form.genValueByProp(obj, item.prop[i], Array.isArray(value) ? value[i] : void 0);
       }
     } else {
       form.genValueByProp(obj, item.prop, value);

package/lib/components/hySearch/search.vue.js

@@ -11,9 +11,9 @@ require('../index.js');
 var searchItem = require('./cpns/searchItem.vue.js');
 var index = require('./js/index.js');
 var useAppSearch = require('./js/useAppSearch.js');
-var useLocale = require('../../hooks/useLocale.js');
 var is = require('../../utils/is.js');
 var index$1 = require('../hyIcon/index.js');
+var useLocale = require('../../hooks/useLocale.js');
 
 import "./style/search.scss";
 
@@ -55,7 +55,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const { t } = useLocale.useLocale();
     const formItemWrapper = vue.useTemplateRef("formItemWrapper");
     const { showShrink, isExpand, containerHeight, switchShrink, shrinkDestroy } = index.useShrink(props, formItemWrapper);
     const formColumnMap = vue.computed(() => {
@@ -95,7 +94,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         if (is.isObject(oldVal)) {
           count += getFilterCount(newVal, oldVal, targetProp);
         } else if (is.isArray(oldVal)) {
-          if (oldVal.length > 0 && !oldVal.every((t2, i) => t2 === newVal[i])) {
+          if (oldVal.length > 0 && !oldVal.every((t, i) => t === newVal[i])) {
             keySet2.add(vue.unref(formColumnMap).get(key).key);
           }
         } else if (index.isEmptyValue(oldVal) ? !index.isEmptyValue(newVal) : oldVal !== newVal) {
@@ -133,15 +132,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     };
     function filterFields(fields2 = [], keys = []) {
       const filterKeys = keys.map((prop) => is.isArray(prop) ? prop.join(".") : prop);
-      return filterKeys.length ? fields2.filter(
-        (field) => field.propString && filterKeys.includes(field.propString)
-      ) : fields2;
+      return filterKeys.length ? fields2.filter((field) => field.propString && filterKeys.includes(field.propString)) : fields2;
     }
     async function obtainOptionsFields(keys, isMountedLoad = false) {
       const filteredFields = filterFields(fields, keys);
-      await Promise.allSettled(
-        filteredFields.map((field) => field.obtainOptions(isMountedLoad))
-      );
+      await Promise.allSettled(filteredFields.map((field) => field.obtainOptions(isMountedLoad)));
     }
     async function getOptions(isMountedLoad = false) {
       await obtainOptionsFields([], isMountedLoad);
@@ -152,9 +147,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       emitOptionsStatus();
     }
     async function getOptionsError() {
-      const filteredFields = fields.filter(
-        (field) => field.propString && field.optionsError
-      );
+      const filteredFields = fields.filter((field) => field.propString && field.optionsError);
       await Promise.allSettled(filteredFields.map((field) => field.obtainOptions()));
       emitOptionsStatus();
     }
@@ -210,7 +203,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 vue.createElementVNode(
                   "span",
                   null,
-                  vue.toDisplayString(vue.unref(t)("hy.filter")),
+                  vue.toDisplayString(vue.unref(useLocale.$t)("hy.filter")),
                   1
                   /* TEXT */
                 ),
@@ -220,7 +213,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   [
                     vue.createElementVNode(
                       "span",
-                      { class: "bg-theme02 text-theme font-bold leading-4 px-[6px]" },
+                      { class: "bg-theme02 text-theme font-bold leading-4 px-[6px] box-border" },
                       vue.toDisplayString(filterCount.value),
                       1
                       /* TEXT */
@@ -231,7 +224,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                         class: "text-auxiliary cursor-pointer",
                         onClick: onResetHandler
                       },
-                      vue.toDisplayString(vue.unref(t)("hy.reset")),
+                      vue.toDisplayString(vue.unref(useLocale.$t)("hy.reset")),
                       1
                       /* TEXT */
                     )
@@ -247,7 +240,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 vue.createElementVNode(
                   "span",
                   { class: "text-auxiliary" },
-                  vue.toDisplayString(vue.unref(isExpand) ? vue.unref(t)("hy.packUp") : vue.unref(t)("hy.expand")),
+                  vue.toDisplayString(vue.unref(isExpand) ? vue.unref(useLocale.$t)("hy.packUp") : vue.unref(useLocale.$t)("hy.expand")),
                   1
                   /* TEXT */
                 ),

package/lib/components/hySearch/style/search.scss

@@ -6,6 +6,7 @@
   opacity: 1;
   transition: all 0.3s linear;
   overflow: hidden;
+  box-sizing: border-box;
   &.hy-search-hidden {
     padding-top: 0;
     padding-bottom: 0;
@@ -34,6 +35,7 @@
     gap: 16px;
     position: relative;
     padding: 1px;
+    box-sizing: border-box;
     .hy-el-form-item {
       margin-bottom: 0;
       &.hidden {

package/lib/components/hyStatus/index.js

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