hy-dispatch-ui-v3 0.2.65 → 0.2.66

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

@@ -4,6 +4,7 @@ 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');
 var index = require('./js/index.js');
 var useSubscribe = require('../../hooks/useSubscribe.js');
@@ -84,7 +85,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     "modelModifiers": {}
   }),
   emits: /* @__PURE__ */ vue.mergeModels(["change"], ["update:modelValue"]),
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const { subOrgCascader, unsubOrgCascader } = useSubscribe.useSubscribe();
@@ -99,11 +100,20 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       const target = cascaderValueMap.value.get(modelValue.value);
       return target?.companyName;
     });
-    async function getCascaderData() {
-      loading.value = true;
-      const data = await index.getOrgTreeSimple();
-      handlerData(data || []);
-      loading.value = false;
+    function getCascaderData() {
+      return new Promise(async (resolve, reject) => {
+        loading.value = true;
+        try {
+          cascaderOptions.value = [];
+          const data = await index.getOrgTreeSimple();
+          handlerData(data || []);
+          resolve();
+        } catch (err) {
+          console.error(err);
+          reject();
+        }
+        loading.value = false;
+      });
     }
     function handlerData(data) {
       const { cascaderData, cascaderDataMap } = index.orgTreeDatahandler(data);
@@ -157,6 +167,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     vue.onUnmounted(() => {
       unsubOrgCascader(getCascaderData);
     });
+    __expose({
+      getData: getCascaderData
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", { class: "relative" }, [
         __props.contentType ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -190,7 +203,30 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 "virtual-scroll": "",
                 onChange: onChangeHanlder,
                 onVisibleChange: ($event) => onVisibleChangeHandler($event)
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "size", "options", "disabled", "clearable", "placeholder", "onVisibleChange"])
+              }, vue.createSlots({
+                _: 2
+                /* DYNAMIC */
+              }, [
+                loading.value ? {
+                  name: "empty",
+                  fn: vue.withCtx(() => [
+                    vue.createElementVNode("div", { class: "w-full flex items-center justify-center py-2 gap-1.5 text-main text-xs whitespace-nowrap" }, [
+                      vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                        size: "16",
+                        class: "is-loading text-theme"
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(iconsVue.Loading))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      vue.createElementVNode("span", null, "\u6570\u636E\u6B63\u5728\u52A0\u8F7D\u4E2D")
+                    ])
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["modelValue", "onUpdate:modelValue", "size", "options", "disabled", "clearable", "placeholder", "onVisibleChange"])
             ],
             4
             /* STYLE */
@@ -229,11 +265,30 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
           "show-all-levels": false,
           "virtual-scroll": "",
           onChange: onChangeHanlder
-        }, null, 8, ["modelValue", "onUpdate:modelValue", "class", "size", "options", "clearable", "disabled", "placeholder"])),
-        loading.value ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 2,
-          class: "absolute left-0 right-0 top-0 bottom-0 cursor-wait"
-        })) : vue.createCommentVNode("v-if", true)
+        }, vue.createSlots({
+          _: 2
+          /* DYNAMIC */
+        }, [
+          loading.value ? {
+            name: "empty",
+            fn: vue.withCtx(() => [
+              vue.createElementVNode("div", { class: "w-full flex items-center justify-center py-2 gap-1.5 text-main text-xs whitespace-nowrap" }, [
+                vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                  size: "16",
+                  class: "is-loading text-theme"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(iconsVue.Loading))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                vue.createElementVNode("span", null, "\u6570\u636E\u6B63\u5728\u52A0\u8F7D\u4E2D")
+              ])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["modelValue", "onUpdate:modelValue", "class", "size", "options", "clearable", "disabled", "placeholder"]))
       ]);
     };
   }

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

@@ -45,8 +45,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       };
     });
     function switchSelect(target) {
-      modelValue.value = target[radioProps.value.value];
-      emits("change", modelValue.value);
+      const value = target[radioProps.value.value];
+      if (modelValue.value === value) return;
+      modelValue.value = value;
+      emits("change", value);
     }
     async function sliderHandler() {
       selectIndex.value = props.options.findIndex((item) => {
@@ -57,7 +59,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       if (slider) {
         const proportion = 100 / props.options.length;
         const left = selectIndex.value > 0 ? selectIndex.value * proportion : 0;
-        console.log("proportion", proportion, left, selectIndex.value);
         slider.style.left = `${left}%`;
       }
     }
@@ -85,7 +86,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             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 clickBox",
+                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", {

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
+var iconsVue = require('@element-plus/icons-vue');
 require('../../../utils/index.js');
 require('../../index.js');
 var index = require('../js/index.js');
@@ -38,10 +39,16 @@ const _sfc_main = {
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
+    const formContext = vue.inject(index.formContextKey);
+    const orgCascaderRef = vue.useTemplateRef("orgCascaderRef");
     const columnProp = vue.computed(() => {
       let field = is.isArray(props.column.field) ? props.column.field[0] : props.column.field;
       return field;
     });
+    const propString = vue.computed(() => {
+      if (!columnProp.value) return "";
+      return is.isArray(columnProp.value) ? columnProp.value.join(".") : columnProp.value;
+    });
     const bindValue = vue.computed({
       get() {
         const prop = is.isArray(props.column.field) ? props.column.field[0] : props.column.field;
@@ -62,6 +69,12 @@ const _sfc_main = {
         form.setValueByProp(props.model, prop, val);
       }
     });
+    const columnConfig = vue.computed(() => {
+      return {
+        ...props.column,
+        attrs: columnAttrs.value
+      };
+    });
     const columnAttrs = vue.computed(() => {
       return {
         ...props.column.attrs,
@@ -69,8 +82,42 @@ const _sfc_main = {
         placeholder: form.columnPlaceholderHandler(props.column, props.model)
       };
     });
+    const optionsLoading = vue.ref(false);
+    const optionsError = vue.ref("");
+    async function obtainOptions() {
+      if (props.column.optionsFn) {
+        if (!props.column.optionsFn || optionsLoading.value) return;
+        optionsLoading.value = true;
+        optionsError.value = "";
+        props.column.attrs.options = [];
+        try {
+          props.column.attrs.options = await props.column.optionsFn(
+            props.column,
+            props.model
+          );
+          optionsError.value = "";
+        } catch (err) {
+          optionsError.value = "error";
+          console.error(err);
+        }
+      } else if (props.column.type === "org-cascader") {
+        if (orgCascaderRef.value) {
+          optionsLoading.value = true;
+          optionsError.value = "";
+          try {
+            await orgCascaderRef.value.getData();
+          } catch {
+            optionsError.value = "error";
+          }
+        }
+      }
+      optionsLoading.value = false;
+    }
     function onChangeHandler(value, column) {
+      const { onChange } = props.column;
       emits("search");
+      if (!onChange) return;
+      onChange(props.column, props.model, props.index);
     }
     function onKeydownEnterHander(e) {
       emits("search");
@@ -90,6 +137,27 @@ const _sfc_main = {
       }
       emits("search");
     }
+    const context = vue.reactive({
+      ...vue.toRefs(props),
+      columnProp,
+      propString,
+      columnConfig,
+      columnAttrs,
+      obtainOptions,
+      optionsLoading,
+      optionsError,
+      options: vue.computed(() => {
+        return index.optionsHandler(props, props.column);
+      })
+    });
+    vue.onMounted(() => {
+      if (propString.value) {
+        formContext?.addField(context);
+      }
+    });
+    vue.onBeforeUnmount(() => {
+      formContext?.removeField(context);
+    });
     return (_ctx, _cache) => {
       return vue.unref(index.columnShowHandler)(props, __props.column) ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElFormItem), {
         key: 0,
@@ -113,7 +181,7 @@ const _sfc_main = {
                     }])
                   },
                   [
-                    __props.column.labelSlot && _ctx.$slots[__props.column.labelSlot] ? vue.renderSlot(_ctx.$slots, __props.column.labelSlot, { column: __props.column }, void 0, void 0, 0) : (vue.openBlock(), vue.createElementBlock(
+                    __props.column.labelSlot && _ctx.$slots[__props.column.labelSlot] ? vue.renderSlot(_ctx.$slots, __props.column.labelSlot, { column: columnConfig.value }, void 0, void 0, 0) : (vue.openBlock(), vue.createElementBlock(
                       "span",
                       { key: 1 },
                       vue.toDisplayString(vue.unref(form.columnLabelHandler)(__props.column, props.model)),
@@ -133,7 +201,7 @@ const _sfc_main = {
                   },
                   [
                     vue.createCommentVNode(" \u81EA\u5B9A\u4E49\u5177\u540D\u63D2\u69FD "),
-                    __props.column.slot ? vue.renderSlot(_ctx.$slots, __props.column.slot, { column: __props.column }, void 0, void 0, 0) : __props.column.type === "input" ? (vue.openBlock(), vue.createElementBlock(
+                    __props.column.slot ? vue.renderSlot(_ctx.$slots, __props.column.slot, { column: columnConfig.value }, void 0, void 0, 0) : __props.column.type === "input" ? (vue.openBlock(), vue.createElementBlock(
                       vue.Fragment,
                       { key: 1 },
                       [
@@ -161,13 +229,75 @@ const _sfc_main = {
                           disabled: vue.unref(index.isDisabled)(props, __props.column),
                           options: vue.unref(index.optionsHandler)(props, __props.column),
                           onChange: ($event) => onChangeHandler($event, __props.column)
-                        }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "options", "onChange"])
+                        }), vue.createSlots({
+                          _: 2
+                          /* DYNAMIC */
+                        }, [
+                          optionsLoading.value ? {
+                            name: "empty",
+                            fn: vue.withCtx(() => [
+                              vue.createElementVNode("div", { class: "w-full flex items-center justify-center py-2 gap-1.5 text-main text-xs whitespace-nowrap" }, [
+                                vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                                  size: "16",
+                                  class: "is-loading text-theme"
+                                }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createVNode(vue.unref(iconsVue.Loading))
+                                  ]),
+                                  _: 1
+                                  /* STABLE */
+                                }),
+                                vue.createElementVNode("span", null, "\u6570\u636E\u6B63\u5728\u52A0\u8F7D\u4E2D")
+                              ])
+                            ]),
+                            key: "0"
+                          } : void 0
+                        ]), 1040, ["modelValue", "onUpdate:modelValue", "disabled", "options", "onChange"])
                       ],
                       2112
                       /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-                    )) : __props.column.type === "date-picker" ? (vue.openBlock(), vue.createElementBlock(
+                    )) : __props.column.type === "select-v2" ? (vue.openBlock(), vue.createElementBlock(
                       vue.Fragment,
                       { key: 3 },
+                      [
+                        vue.createCommentVNode(" \u865A\u62DF\u5316\u9009\u62E9\u6846 "),
+                        vue.createVNode(vue.unref(elementPlus.ElSelectV2), vue.mergeProps({
+                          modelValue: bindValue.value,
+                          "onUpdate:modelValue": ($event) => bindValue.value = $event
+                        }, columnAttrs.value, {
+                          disabled: vue.unref(index.isDisabled)(props, __props.column),
+                          options: vue.unref(index.optionsHandler)(props, __props.column),
+                          onChange: onChangeHandler
+                        }), vue.createSlots({
+                          _: 2
+                          /* DYNAMIC */
+                        }, [
+                          optionsLoading.value ? {
+                            name: "empty",
+                            fn: vue.withCtx(() => [
+                              vue.createElementVNode("div", { class: "w-full flex items-center justify-center py-2 gap-1.5 text-main text-xs whitespace-nowrap" }, [
+                                vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                                  size: "16",
+                                  class: "is-loading text-theme"
+                                }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createVNode(vue.unref(iconsVue.Loading))
+                                  ]),
+                                  _: 1
+                                  /* STABLE */
+                                }),
+                                vue.createElementVNode("span", null, "\u6570\u636E\u6B63\u5728\u52A0\u8F7D\u4E2D")
+                              ])
+                            ]),
+                            key: "0"
+                          } : void 0
+                        ]), 1040, ["modelValue", "onUpdate:modelValue", "disabled", "options"])
+                      ],
+                      2112
+                      /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                    )) : __props.column.type === "date-picker" ? (vue.openBlock(), vue.createElementBlock(
+                      vue.Fragment,
+                      { key: 4 },
                       [
                         vue.createCommentVNode(" \u65E5\u671F\u9009\u62E9\u6846 "),
                         [
@@ -203,7 +333,7 @@ const _sfc_main = {
                       /* STABLE_FRAGMENT */
                     )) : __props.column.type === "time-picker" ? (vue.openBlock(), vue.createElementBlock(
                       vue.Fragment,
-                      { key: 4 },
+                      { key: 5 },
                       [
                         vue.createCommentVNode(" \u65F6\u95F4\u9009\u62E9\u6846 "),
                         columnAttrs.value.isRange ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.HyTimePicker), vue.mergeProps({
@@ -232,10 +362,12 @@ const _sfc_main = {
                       /* STABLE_FRAGMENT */
                     )) : __props.column.type === "org-cascader" ? (vue.openBlock(), vue.createElementBlock(
                       vue.Fragment,
-                      { key: 5 },
+                      { key: 6 },
                       [
                         vue.createCommentVNode(" \u90E8\u95E8\u7EA7\u8054\u9009\u62E9\u6846 "),
                         vue.createVNode(vue.unref(index$4.HyOrgCascader), vue.mergeProps({
+                          ref_key: "orgCascaderRef",
+                          ref: orgCascaderRef,
                           modelValue: bindValue.value,
                           "onUpdate:modelValue": ($event) => bindValue.value = $event
                         }, columnAttrs.value, {
@@ -247,17 +379,41 @@ const _sfc_main = {
                       /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
                     )) : __props.column.type === "cascader" ? (vue.openBlock(), vue.createElementBlock(
                       vue.Fragment,
-                      { key: 6 },
+                      { key: 7 },
                       [
                         vue.createCommentVNode(" \u7EA7\u8054\u9009\u62E9\u6846 "),
                         vue.createVNode(vue.unref(elementPlus.ElCascader), vue.mergeProps({
                           modelValue: bindValue.value,
                           "onUpdate:modelValue": ($event) => bindValue.value = $event
                         }, columnAttrs.value, {
+                          style: { "width": "100%" },
                           disabled: vue.unref(index.isDisabled)(props, __props.column),
                           options: vue.unref(index.optionsHandler)(props, __props.column),
                           onChange: onChangeHandler
-                        }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "options"])
+                        }), vue.createSlots({
+                          _: 2
+                          /* DYNAMIC */
+                        }, [
+                          optionsLoading.value ? {
+                            name: "empty",
+                            fn: vue.withCtx(() => [
+                              vue.createElementVNode("div", { class: "w-full flex items-center justify-center py-2 gap-1.5 text-main text-xs whitespace-nowrap" }, [
+                                vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                                  size: "16",
+                                  class: "is-loading text-theme"
+                                }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createVNode(vue.unref(iconsVue.Loading))
+                                  ]),
+                                  _: 1
+                                  /* STABLE */
+                                }),
+                                vue.createElementVNode("span", null, "\u6570\u636E\u6B63\u5728\u52A0\u8F7D\u4E2D")
+                              ])
+                            ]),
+                            key: "0"
+                          } : void 0
+                        ]), 1040, ["modelValue", "onUpdate:modelValue", "disabled", "options"])
                       ],
                       2112
                       /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */

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

@@ -7,6 +7,7 @@ require('../../../hooks/index.js');
 var is = require('../../../utils/is.js');
 var useResizeObserver = require('../../../hooks/useResizeObserver.js');
 
+const formContextKey = /* @__PURE__ */ Symbol("formContextKey");
 function columnItemStyle(props, column) {
   const { width } = column;
   const style = {};
@@ -143,6 +144,7 @@ function optionsHandler(props, column) {
 exports.columnItemInputStyle = columnItemInputStyle;
 exports.columnItemStyle = columnItemStyle;
 exports.columnShowHandler = columnShowHandler;
+exports.formContextKey = formContextKey;
 exports.isDisabled = isDisabled;
 exports.isEmptyValue = isEmptyValue;
 exports.isSelectedTimeRange = isSelectedTimeRange;

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

@@ -84,9 +84,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       }
       return style;
     });
-    vue.onUnmounted(() => {
-      shrinkDestroy();
-    });
     function getFilterCount(model, defaultValue, prop) {
       let count = 0;
       const keys = Object.keys(defaultValue);
@@ -114,10 +111,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     function onSearchHandler() {
       emits("search");
     }
-    function resetFields(fields) {
+    function resetFields(fields2) {
       let columns = props.columns || [];
-      if (fields && fields?.length) {
-        columns = fields.map((key) => formColumnMap.value.get(key)).filter(Boolean);
+      if (fields2 && fields2?.length) {
+        columns = fields2.map((key) => formColumnMap.value.get(key)).filter(Boolean);
       }
       useAppSearch.resetAppSearchValue(columns, props.model);
     }
@@ -125,8 +122,62 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       resetFields();
       emits("search");
     }
+    const fields = vue.reactive([]);
+    function addField(field) {
+      fields.push(field);
+    }
+    const removeField = (field) => {
+      if (vue.unref(field.columnAttrs)) {
+        fields.splice(fields.indexOf(field), 1);
+      }
+    };
+    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;
+    }
+    async function obtainOptionsFields(keys) {
+      const filteredFields = filterFields(fields, keys);
+      await Promise.allSettled(filteredFields.map((field) => field.obtainOptions()));
+    }
+    async function getOptions() {
+      await obtainOptionsFields();
+    }
+    async function getOptionsFields(keys) {
+      await obtainOptionsFields(keys);
+    }
+    async function getOptionsError() {
+      const filteredFields = fields.filter(
+        (field) => field.propString && field.optionsError
+      );
+      await Promise.allSettled(filteredFields.map((field) => field.obtainOptions()));
+    }
+    vue.provide(
+      index.formContextKey,
+      vue.reactive({
+        ...vue.toRefs(props),
+        emits,
+        addField,
+        removeField
+      })
+    );
+    vue.onMounted(() => {
+      getOptions();
+    });
+    vue.onUnmounted(() => {
+      shrinkDestroy();
+    });
     __expose({
-      resetFields
+      resetFields,
+      getOptions,
+      getOptionsFields,
+      getOptionsError,
+      getOptionsByField: (field) => {
+        const [target] = filterFields(fields, [field]);
+        if (!target) return null;
+        return target.options;
+      }
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(

package/lib/components/hyTable/cpns/columnSelect.vue.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var Sortable = require('sortablejs');
 var elementPlus = require('element-plus');
-var iconsVue = require('@element-plus/icons-vue');
 require('../../../hooks/index.js');
 require('../../../utils/index.js');
 require('../../index.js');
@@ -53,7 +52,7 @@ const _sfc_main = {
     function showPopover() {
       initColumnsInfo(props.columns, props.columnsEditable);
       rowDrag();
-      showClear.value = true;
+      showReset.value = true;
     }
     function closePopover() {
       sortableInstance?.destroy?.();
@@ -77,7 +76,7 @@ const _sfc_main = {
       tableEditableColumns.value = columnArr;
       checkedList.value = checkedArr;
     }
-    const showClear = vue.ref(true);
+    const showReset = vue.ref(true);
     const checkedList = vue.ref([]);
     const checkMap = vue.computed(() => {
       return (vue.unref(checkedList) || []).reduce((map, item) => {
@@ -94,7 +93,7 @@ const _sfc_main = {
       } else {
         checkedList.value.push(target.prop);
       }
-      showClear.value = true;
+      showReset.value = true;
     }
     function onConfirmHandler() {
       if (!checkedList.value.length && showColumnsLength.value === tableEditableColumns.value?.length) {
@@ -121,7 +120,7 @@ const _sfc_main = {
         props.originColumns
       );
       initColumnsInfo(columnsList, columnsEditablele);
-      showClear.value = false;
+      showReset.value = false;
     }
     let sortableInstance;
     async function rowDrag() {
@@ -149,7 +148,7 @@ const _sfc_main = {
           for (let i = minIndex; i <= maxIndex; i++) {
             tableEditableColumns.value[i].sortIndex = sortList[i];
           }
-          showClear.value = true;
+          showReset.value = true;
         }
       });
     }
@@ -172,7 +171,7 @@ const _sfc_main = {
           ref: popoverRef,
           trigger: "click",
           placement: "left-start",
-          "popper-class": "!bg-background !p-0 border !border-theme",
+          "popper-class": "!bg-[rgba(var(--hy-background),0.7)] !p-0 border !border-theme",
           effect: "dark",
           width: "400",
           "show-arrow": false,
@@ -181,8 +180,7 @@ const _sfc_main = {
         },
         {
           reference: vue.withCtx(() => [
-            vue.createElementVNode("div", { class: "flex items-center gap-[10px] clickBox px-3 rounded hover:bg-background-2" }, [
-              vue.createCommentVNode(" <el-icon><Edit /></el-icon> "),
+            vue.createElementVNode("div", { class: "h-[32px] flex items-center gap-[10px] clickBox px-3 rounded hover:bg-background-2" }, [
               vue.createVNode(vue.unref(index$1.HyIcon), {
                 "svg-name": "ops-button-edit-column",
                 "class-name": "!w-3 !h-3"
@@ -212,7 +210,14 @@ const _sfc_main = {
                   onClick: closePopover
                 })
               ]),
-              vue.createElementVNode("div", { class: "h-[364px] px-4 pt-[11px] pb-1 scroll-body overflow-y-auto" }, [
+              vue.createElementVNode("div", { class: "flex items-center gap-1.5 px-4 py-2.5 text-xs text-theme" }, [
+                vue.createVNode(vue.unref(index$1.HyIcon), {
+                  "svg-name": "dispatch-share1-prompt",
+                  "class-name": "!w-3 !h-3"
+                }),
+                vue.createElementVNode("span", null, "\u5728\u53F3\u4FA7\u62D6\u52A8\u5217\u53EF\u8FDB\u884C\u8FDB\u884C\u6392\u5E8F")
+              ]),
+              vue.createElementVNode("div", { class: "h-[364px] p-4 pt-0 pb-1 scroll-body overflow-y-auto" }, [
                 vue.createVNode(vue.unref(elementPlus.ElCheckboxGroup), {
                   modelValue: checkedList.value,
                   "onUpdate:modelValue": ($event) => checkedList.value = $event
@@ -292,14 +297,14 @@ const _sfc_main = {
                     1
                     /* TEXT */
                   ),
-                  showClear.value ? (vue.openBlock(), vue.createElementBlock(
+                  showReset.value ? (vue.openBlock(), vue.createElementBlock(
                     "span",
                     {
                       key: 0,
                       class: "clickBox text-danger-2 ml-3",
                       onClick: onClearHandler
                     },
-                    vue.toDisplayString(vue.unref(t)("table.clear")),
+                    vue.toDisplayString(vue.unref(t)("hy.reset")),
                     1
                     /* TEXT */
                   )) : vue.createCommentVNode("v-if", true)
@@ -309,15 +314,9 @@ const _sfc_main = {
                     vue.Fragment,
                     { key: 0 },
                     [
-                      vue.createVNode(vue.unref(elementPlus.ElIcon), {
-                        class: "mr-1.5",
-                        color: "rgb(var(--hy-auxiliary))"
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createVNode(vue.unref(iconsVue.Warning))
-                        ]),
-                        _: 1
-                        /* STABLE */
+                      vue.createVNode(vue.unref(index$1.HyIcon), {
+                        "svg-name": "dispatch-share1-prompt",
+                        class: "!w-3 !h-3 text-auxiliary mr-1.5"
                       }),
                       vue.createVNode(vue.unref(index$2.HyTooltip), {
                         "is-always": false,