hy-dispatch-ui-v3 0.2.65 → 0.2.66

package/es/components/hyOrgCascader/orgCascader.vue.mjs

@@ -1,5 +1,6 @@
-import { defineComponent, useModel, useTemplateRef, ref, computed, watch, onUnmounted, openBlock, createElementBlock, createElementVNode, normalizeStyle, createVNode, unref, renderSlot, toDisplayString, createCommentVNode, createBlock, normalizeClass, mergeModels } from 'vue';
-import { ElCascader } from 'element-plus';
+import { defineComponent, useModel, useTemplateRef, ref, computed, watch, onUnmounted, openBlock, createElementBlock, createElementVNode, normalizeStyle, createVNode, unref, createSlots, withCtx, renderSlot, toDisplayString, createCommentVNode, createBlock, normalizeClass, mergeModels } from 'vue';
+import { ElCascader, ElIcon } from 'element-plus';
+import { Loading } from '@element-plus/icons-vue';
 import '../../hooks/index.mjs';
 import { getOrgTreeSimple, orgTreeDatahandler } from './js/index.mjs';
 import { useSubscribe } from '../../hooks/useSubscribe.mjs';
@@ -80,7 +81,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     "modelModifiers": {}
   }),
   emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const { subOrgCascader, unsubOrgCascader } = useSubscribe();
@@ -95,11 +96,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 getOrgTreeSimple();
-      handlerData(data || []);
-      loading.value = false;
+    function getCascaderData() {
+      return new Promise(async (resolve, reject) => {
+        loading.value = true;
+        try {
+          cascaderOptions.value = [];
+          const data = await getOrgTreeSimple();
+          handlerData(data || []);
+          resolve();
+        } catch (err) {
+          console.error(err);
+          reject();
+        }
+        loading.value = false;
+      });
     }
     function handlerData(data) {
       const { cascaderData, cascaderDataMap } = orgTreeDatahandler(data);
@@ -153,6 +163,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     onUnmounted(() => {
       unsubOrgCascader(getCascaderData);
     });
+    __expose({
+      getData: getCascaderData
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", { class: "relative" }, [
         __props.contentType ? (openBlock(), createElementBlock("div", {
@@ -186,7 +199,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"])
+              }, createSlots({
+                _: 2
+                /* DYNAMIC */
+              }, [
+                loading.value ? {
+                  name: "empty",
+                  fn: withCtx(() => [
+                    createElementVNode("div", { class: "w-full flex items-center justify-center py-2 gap-1.5 text-main text-xs whitespace-nowrap" }, [
+                      createVNode(unref(ElIcon), {
+                        size: "16",
+                        class: "is-loading text-theme"
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(unref(Loading))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      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 */
@@ -225,11 +261,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 ? (openBlock(), createElementBlock("div", {
-          key: 2,
-          class: "absolute left-0 right-0 top-0 bottom-0 cursor-wait"
-        })) : createCommentVNode("v-if", true)
+        }, createSlots({
+          _: 2
+          /* DYNAMIC */
+        }, [
+          loading.value ? {
+            name: "empty",
+            fn: withCtx(() => [
+              createElementVNode("div", { class: "w-full flex items-center justify-center py-2 gap-1.5 text-main text-xs whitespace-nowrap" }, [
+                createVNode(unref(ElIcon), {
+                  size: "16",
+                  class: "is-loading text-theme"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(Loading))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                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/es/components/hyRadioGroup/radioGroup.vue.mjs

@@ -41,8 +41,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) => {
@@ -53,7 +55,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}%`;
       }
     }
@@ -81,7 +82,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             renderList(__props.options, (item, index) => {
               return openBlock(), 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)
               }, [
                 renderSlot(_ctx.$slots, "default", {

package/es/components/hySearch/cpns/searchItem.vue.mjs

@@ -1,8 +1,9 @@
-import { computed, unref, openBlock, createBlock, withCtx, createElementVNode, normalizeStyle, createCommentVNode, normalizeClass, renderSlot, createElementBlock, toDisplayString, Fragment, createVNode, mergeProps, withKeys, renderList } from 'vue';
-import { ElFormItem, ElSelect, ElCascader } from 'element-plus';
+import { inject, useTemplateRef, computed, ref, reactive, toRefs, onMounted, onBeforeUnmount, unref, openBlock, createBlock, withCtx, createElementVNode, normalizeStyle, createCommentVNode, normalizeClass, renderSlot, createElementBlock, toDisplayString, Fragment, createVNode, mergeProps, withKeys, createSlots, renderList } from 'vue';
+import { ElFormItem, ElSelect, ElIcon, ElSelectV2, ElCascader } from 'element-plus';
+import { Loading } from '@element-plus/icons-vue';
 import '../../../utils/index.mjs';
 import '../../index.mjs';
-import { timeRangeHandler, columnShowHandler, columnItemStyle, columnItemInputStyle, isDisabled, optionsHandler, isSelectedTimeRange } from '../js/index.mjs';
+import { formContextKey, timeRangeHandler, optionsHandler, columnShowHandler, columnItemStyle, columnItemInputStyle, isDisabled, isSelectedTimeRange } from '../js/index.mjs';
 import { isArray } from '../../../utils/is.mjs';
 import { setValueByProp, getValueByProp, columnPlaceholderHandler, columnLabelHandler } from '../../../utils/form.mjs';
 import { HyInput } from '../../hyInput/index.mjs';
@@ -34,10 +35,16 @@ const _sfc_main = {
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
+    const formContext = inject(formContextKey);
+    const orgCascaderRef = useTemplateRef("orgCascaderRef");
     const columnProp = computed(() => {
       let field = isArray(props.column.field) ? props.column.field[0] : props.column.field;
       return field;
     });
+    const propString = computed(() => {
+      if (!columnProp.value) return "";
+      return isArray(columnProp.value) ? columnProp.value.join(".") : columnProp.value;
+    });
     const bindValue = computed({
       get() {
         const prop = isArray(props.column.field) ? props.column.field[0] : props.column.field;
@@ -58,6 +65,12 @@ const _sfc_main = {
         setValueByProp(props.model, prop, val);
       }
     });
+    const columnConfig = computed(() => {
+      return {
+        ...props.column,
+        attrs: columnAttrs.value
+      };
+    });
     const columnAttrs = computed(() => {
       return {
         ...props.column.attrs,
@@ -65,8 +78,42 @@ const _sfc_main = {
         placeholder: columnPlaceholderHandler(props.column, props.model)
       };
     });
+    const optionsLoading = ref(false);
+    const optionsError = 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");
@@ -86,6 +133,27 @@ const _sfc_main = {
       }
       emits("search");
     }
+    const context = reactive({
+      ...toRefs(props),
+      columnProp,
+      propString,
+      columnConfig,
+      columnAttrs,
+      obtainOptions,
+      optionsLoading,
+      optionsError,
+      options: computed(() => {
+        return optionsHandler(props, props.column);
+      })
+    });
+    onMounted(() => {
+      if (propString.value) {
+        formContext?.addField(context);
+      }
+    });
+    onBeforeUnmount(() => {
+      formContext?.removeField(context);
+    });
     return (_ctx, _cache) => {
       return unref(columnShowHandler)(props, __props.column) ? (openBlock(), createBlock(unref(ElFormItem), {
         key: 0,
@@ -109,7 +177,7 @@ const _sfc_main = {
                     }])
                   },
                   [
-                    __props.column.labelSlot && _ctx.$slots[__props.column.labelSlot] ? renderSlot(_ctx.$slots, __props.column.labelSlot, { column: __props.column }, void 0, void 0, 0) : (openBlock(), createElementBlock(
+                    __props.column.labelSlot && _ctx.$slots[__props.column.labelSlot] ? renderSlot(_ctx.$slots, __props.column.labelSlot, { column: columnConfig.value }, void 0, void 0, 0) : (openBlock(), createElementBlock(
                       "span",
                       { key: 1 },
                       toDisplayString(unref(columnLabelHandler)(__props.column, props.model)),
@@ -129,7 +197,7 @@ const _sfc_main = {
                   },
                   [
                     createCommentVNode(" \u81EA\u5B9A\u4E49\u5177\u540D\u63D2\u69FD "),
-                    __props.column.slot ? renderSlot(_ctx.$slots, __props.column.slot, { column: __props.column }, void 0, void 0, 0) : __props.column.type === "input" ? (openBlock(), createElementBlock(
+                    __props.column.slot ? renderSlot(_ctx.$slots, __props.column.slot, { column: columnConfig.value }, void 0, void 0, 0) : __props.column.type === "input" ? (openBlock(), createElementBlock(
                       Fragment,
                       { key: 1 },
                       [
@@ -157,13 +225,75 @@ const _sfc_main = {
                           disabled: unref(isDisabled)(props, __props.column),
                           options: unref(optionsHandler)(props, __props.column),
                           onChange: ($event) => onChangeHandler($event, __props.column)
-                        }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "options", "onChange"])
+                        }), createSlots({
+                          _: 2
+                          /* DYNAMIC */
+                        }, [
+                          optionsLoading.value ? {
+                            name: "empty",
+                            fn: withCtx(() => [
+                              createElementVNode("div", { class: "w-full flex items-center justify-center py-2 gap-1.5 text-main text-xs whitespace-nowrap" }, [
+                                createVNode(unref(ElIcon), {
+                                  size: "16",
+                                  class: "is-loading text-theme"
+                                }, {
+                                  default: withCtx(() => [
+                                    createVNode(unref(Loading))
+                                  ]),
+                                  _: 1
+                                  /* STABLE */
+                                }),
+                                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" ? (openBlock(), createElementBlock(
+                    )) : __props.column.type === "select-v2" ? (openBlock(), createElementBlock(
                       Fragment,
                       { key: 3 },
+                      [
+                        createCommentVNode(" \u865A\u62DF\u5316\u9009\u62E9\u6846 "),
+                        createVNode(unref(ElSelectV2), mergeProps({
+                          modelValue: bindValue.value,
+                          "onUpdate:modelValue": ($event) => bindValue.value = $event
+                        }, columnAttrs.value, {
+                          disabled: unref(isDisabled)(props, __props.column),
+                          options: unref(optionsHandler)(props, __props.column),
+                          onChange: onChangeHandler
+                        }), createSlots({
+                          _: 2
+                          /* DYNAMIC */
+                        }, [
+                          optionsLoading.value ? {
+                            name: "empty",
+                            fn: withCtx(() => [
+                              createElementVNode("div", { class: "w-full flex items-center justify-center py-2 gap-1.5 text-main text-xs whitespace-nowrap" }, [
+                                createVNode(unref(ElIcon), {
+                                  size: "16",
+                                  class: "is-loading text-theme"
+                                }, {
+                                  default: withCtx(() => [
+                                    createVNode(unref(Loading))
+                                  ]),
+                                  _: 1
+                                  /* STABLE */
+                                }),
+                                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" ? (openBlock(), createElementBlock(
+                      Fragment,
+                      { key: 4 },
                       [
                         createCommentVNode(" \u65E5\u671F\u9009\u62E9\u6846 "),
                         [
@@ -199,7 +329,7 @@ const _sfc_main = {
                       /* STABLE_FRAGMENT */
                     )) : __props.column.type === "time-picker" ? (openBlock(), createElementBlock(
                       Fragment,
-                      { key: 4 },
+                      { key: 5 },
                       [
                         createCommentVNode(" \u65F6\u95F4\u9009\u62E9\u6846 "),
                         columnAttrs.value.isRange ? (openBlock(), createBlock(unref(HyTimePicker), mergeProps({
@@ -228,10 +358,12 @@ const _sfc_main = {
                       /* STABLE_FRAGMENT */
                     )) : __props.column.type === "org-cascader" ? (openBlock(), createElementBlock(
                       Fragment,
-                      { key: 5 },
+                      { key: 6 },
                       [
                         createCommentVNode(" \u90E8\u95E8\u7EA7\u8054\u9009\u62E9\u6846 "),
                         createVNode(unref(HyOrgCascader), mergeProps({
+                          ref_key: "orgCascaderRef",
+                          ref: orgCascaderRef,
                           modelValue: bindValue.value,
                           "onUpdate:modelValue": ($event) => bindValue.value = $event
                         }, columnAttrs.value, {
@@ -243,17 +375,41 @@ const _sfc_main = {
                       /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
                     )) : __props.column.type === "cascader" ? (openBlock(), createElementBlock(
                       Fragment,
-                      { key: 6 },
+                      { key: 7 },
                       [
                         createCommentVNode(" \u7EA7\u8054\u9009\u62E9\u6846 "),
                         createVNode(unref(ElCascader), mergeProps({
                           modelValue: bindValue.value,
                           "onUpdate:modelValue": ($event) => bindValue.value = $event
                         }, columnAttrs.value, {
+                          style: { "width": "100%" },
                           disabled: unref(isDisabled)(props, __props.column),
                           options: unref(optionsHandler)(props, __props.column),
                           onChange: onChangeHandler
-                        }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "options"])
+                        }), createSlots({
+                          _: 2
+                          /* DYNAMIC */
+                        }, [
+                          optionsLoading.value ? {
+                            name: "empty",
+                            fn: withCtx(() => [
+                              createElementVNode("div", { class: "w-full flex items-center justify-center py-2 gap-1.5 text-main text-xs whitespace-nowrap" }, [
+                                createVNode(unref(ElIcon), {
+                                  size: "16",
+                                  class: "is-loading text-theme"
+                                }, {
+                                  default: withCtx(() => [
+                                    createVNode(unref(Loading))
+                                  ]),
+                                  _: 1
+                                  /* STABLE */
+                                }),
+                                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/es/components/hySearch/js/index.mjs

@@ -5,6 +5,7 @@ import '../../../hooks/index.mjs';
 import { isNumber, isString, isBoolean, isFunction, isEmpty, isArray } from '../../../utils/is.mjs';
 import { useResizeObserver } from '../../../hooks/useResizeObserver.mjs';
 
+const formContextKey = /* @__PURE__ */ Symbol("formContextKey");
 function columnItemStyle(props, column) {
   const { width } = column;
   const style = {};
@@ -138,4 +139,4 @@ function optionsHandler(props, column) {
   return [];
 }
 
-export { columnItemInputStyle, columnItemStyle, columnShowHandler, isDisabled, isEmptyValue, isSelectedTimeRange, optionsHandler, timeRangeHandler, useShrink };
+export { columnItemInputStyle, columnItemStyle, columnShowHandler, formContextKey, isDisabled, isEmptyValue, isSelectedTimeRange, optionsHandler, timeRangeHandler, useShrink };

package/es/components/hySearch/search.vue.mjs

@@ -1,11 +1,11 @@
-import { defineComponent, useTemplateRef, computed, unref, onUnmounted, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, toDisplayString, Fragment, createCommentVNode, withDirectives, normalizeStyle, withCtx, vShow, mergeProps, renderList, createBlock, createSlots, renderSlot } from 'vue';
+import { defineComponent, useTemplateRef, computed, unref, reactive, provide, toRefs, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, toDisplayString, Fragment, createCommentVNode, withDirectives, normalizeStyle, withCtx, vShow, mergeProps, renderList, createBlock, createSlots, renderSlot } from 'vue';
 import { ElIcon, ElForm } from 'element-plus';
 import { ArrowDown } from '@element-plus/icons-vue';
 import '../../hooks/index.mjs';
 import '../../utils/index.mjs';
 import '../index.mjs';
 import _sfc_main$1 from './cpns/searchItem.vue.mjs';
-import { useShrink, isEmptyValue } from './js/index.mjs';
+import { useShrink, isEmptyValue, formContextKey } from './js/index.mjs';
 import { resetAppSearchValue } from './js/useAppSearch.mjs';
 import { useLocale } from '../../hooks/useLocale.mjs';
 import { isArray, isObject } from '../../utils/is.mjs';
@@ -80,9 +80,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       }
       return style;
     });
-    onUnmounted(() => {
-      shrinkDestroy();
-    });
     function getFilterCount(model, defaultValue, prop) {
       let count = 0;
       const keys = Object.keys(defaultValue);
@@ -110,10 +107,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);
       }
       resetAppSearchValue(columns, props.model);
     }
@@ -121,8 +118,62 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       resetFields();
       emits("search");
     }
+    const fields = reactive([]);
+    function addField(field) {
+      fields.push(field);
+    }
+    const removeField = (field) => {
+      if (unref(field.columnAttrs)) {
+        fields.splice(fields.indexOf(field), 1);
+      }
+    };
+    function filterFields(fields2 = [], keys = []) {
+      const filterKeys = keys.map((prop) => 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()));
+    }
+    provide(
+      formContextKey,
+      reactive({
+        ...toRefs(props),
+        emits,
+        addField,
+        removeField
+      })
+    );
+    onMounted(() => {
+      getOptions();
+    });
+    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 openBlock(), createElementBlock(

package/es/components/hyTable/cpns/columnSelect.vue.mjs

@@ -1,7 +1,6 @@
 import { useTemplateRef, ref, computed, unref, nextTick, watch, openBlock, createBlock, withCtx, createElementVNode, toDisplayString, createVNode, normalizeClass, createCommentVNode, createElementBlock, Fragment, renderList, createTextVNode } from 'vue';
 import Sortable from 'sortablejs';
-import { ElMessage, ElPopover, ElCheckboxGroup, ElIcon } from 'element-plus';
-import { Warning } from '@element-plus/icons-vue';
+import { ElMessage, ElPopover, ElCheckboxGroup } from 'element-plus';
 import '../../../hooks/index.mjs';
 import '../../../utils/index.mjs';
 import '../../index.mjs';
@@ -49,7 +48,7 @@ const _sfc_main = {
     function showPopover() {
       initColumnsInfo(props.columns, props.columnsEditable);
       rowDrag();
-      showClear.value = true;
+      showReset.value = true;
     }
     function closePopover() {
       sortableInstance?.destroy?.();
@@ -73,7 +72,7 @@ const _sfc_main = {
       tableEditableColumns.value = columnArr;
       checkedList.value = checkedArr;
     }
-    const showClear = ref(true);
+    const showReset = ref(true);
     const checkedList = ref([]);
     const checkMap = computed(() => {
       return (unref(checkedList) || []).reduce((map, item) => {
@@ -90,7 +89,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) {
@@ -117,7 +116,7 @@ const _sfc_main = {
         props.originColumns
       );
       initColumnsInfo(columnsList, columnsEditablele);
-      showClear.value = false;
+      showReset.value = false;
     }
     let sortableInstance;
     async function rowDrag() {
@@ -145,7 +144,7 @@ const _sfc_main = {
           for (let i = minIndex; i <= maxIndex; i++) {
             tableEditableColumns.value[i].sortIndex = sortList[i];
           }
-          showClear.value = true;
+          showReset.value = true;
         }
       });
     }
@@ -168,7 +167,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,
@@ -177,8 +176,7 @@ const _sfc_main = {
         },
         {
           reference: withCtx(() => [
-            createElementVNode("div", { class: "flex items-center gap-[10px] clickBox px-3 rounded hover:bg-background-2" }, [
-              createCommentVNode(" <el-icon><Edit /></el-icon> "),
+            createElementVNode("div", { class: "h-[32px] flex items-center gap-[10px] clickBox px-3 rounded hover:bg-background-2" }, [
               createVNode(unref(HyIcon), {
                 "svg-name": "ops-button-edit-column",
                 "class-name": "!w-3 !h-3"
@@ -208,7 +206,14 @@ const _sfc_main = {
                   onClick: closePopover
                 })
               ]),
-              createElementVNode("div", { class: "h-[364px] px-4 pt-[11px] pb-1 scroll-body overflow-y-auto" }, [
+              createElementVNode("div", { class: "flex items-center gap-1.5 px-4 py-2.5 text-xs text-theme" }, [
+                createVNode(unref(HyIcon), {
+                  "svg-name": "dispatch-share1-prompt",
+                  "class-name": "!w-3 !h-3"
+                }),
+                createElementVNode("span", null, "\u5728\u53F3\u4FA7\u62D6\u52A8\u5217\u53EF\u8FDB\u884C\u8FDB\u884C\u6392\u5E8F")
+              ]),
+              createElementVNode("div", { class: "h-[364px] p-4 pt-0 pb-1 scroll-body overflow-y-auto" }, [
                 createVNode(unref(ElCheckboxGroup), {
                   modelValue: checkedList.value,
                   "onUpdate:modelValue": ($event) => checkedList.value = $event
@@ -288,14 +293,14 @@ const _sfc_main = {
                     1
                     /* TEXT */
                   ),
-                  showClear.value ? (openBlock(), createElementBlock(
+                  showReset.value ? (openBlock(), createElementBlock(
                     "span",
                     {
                       key: 0,
                       class: "clickBox text-danger-2 ml-3",
                       onClick: onClearHandler
                     },
-                    toDisplayString(unref(t)("table.clear")),
+                    toDisplayString(unref(t)("hy.reset")),
                     1
                     /* TEXT */
                   )) : createCommentVNode("v-if", true)
@@ -305,15 +310,9 @@ const _sfc_main = {
                     Fragment,
                     { key: 0 },
                     [
-                      createVNode(unref(ElIcon), {
-                        class: "mr-1.5",
-                        color: "rgb(var(--hy-auxiliary))"
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(Warning))
-                        ]),
-                        _: 1
-                        /* STABLE */
+                      createVNode(unref(HyIcon), {
+                        "svg-name": "dispatch-share1-prompt",
+                        class: "!w-3 !h-3 text-auxiliary mr-1.5"
                       }),
                       createVNode(unref(HyTooltip), {
                         "is-always": false,