hy-dispatch-ui-v3 0.2.35 → 0.2.37

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

@@ -310,22 +310,29 @@ const _sfc_main = {
                   )) : vue.createCommentVNode("v-if", true)
                 ]),
                 vue.createElementVNode("div", { class: "w-0 flex-1 flex items-center justify-end ml-3" }, [
-                  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 */
-                  }),
-                  checkedList.value?.length >= 8 ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.HyTooltip), {
-                    key: 0,
-                    "is-always": false,
-                    content: vue.unref(t)("table.tooManyFieldsWillAffectReadability"),
-                    class: "mr-2 text-auxiliary"
-                  }, null, 8, ["content"])) : vue.createCommentVNode("v-if", true),
+                  checkedList.value?.length >= 8 ? (vue.openBlock(), vue.createElementBlock(
+                    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.HyTooltip), {
+                        "is-always": false,
+                        content: vue.unref(t)("table.tooManyFieldsWillAffectReadability"),
+                        class: "mr-2 text-auxiliary"
+                      }, null, 8, ["content"])
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  )) : vue.createCommentVNode("v-if", true),
                   vue.createVNode(vue.unref(index$2.HyButton), {
                     type: "primary",
                     size: "small",

package/lib/components/hyTableActionButton/index.js

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

package/lib/components/hyTableActionButton/style/tableActionButton.scss

@@ -0,0 +1,5 @@
+.hy-action-button + .hy-action-button,
+.hy-action-button + .hy-button,
+.hy-button + .hy-action-button {
+  margin-left: 12px;
+}

package/lib/components/hyTableActionButton/tableActionButton.vue.js

@@ -0,0 +1,320 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var iconsVue = require('@element-plus/icons-vue');
+var useLocale = require('../../hooks/useLocale.js');
+var index = require('../hyTooltip/index.js');
+var index$1 = require('../hyButton/index.js');
+var index$2 = require('../hyIcon/index.js');
+var is = require('../../utils/is.js');
+
+import "./style/tableActionButton.scss";
+
+const __default__ = vue.defineComponent({
+  name: "HyTableActionButton"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    type: {
+      type: String,
+      default: "default"
+      // default 默认 primary 亮色 success 添加 danger 删除
+    },
+    size: {
+      type: String,
+      default: () => {
+        return "small";
+      }
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    // 默认按钮样式
+    svgName: {
+      type: String,
+      default: () => {
+        return "addV2";
+      }
+    },
+    // 默认按钮文案
+    label: {
+      type: String,
+      default: () => {
+        return "\u6DFB\u52A0";
+      }
+    },
+    // 类型
+    buttonClass: {
+      type: String,
+      default: () => {
+        return "button_addTo";
+      }
+    },
+    // 操作数据
+    operateList: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    }
+  },
+  emits: ["change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { t } = useLocale.useLocale();
+    const visible = vue.ref(false);
+    const dataList = vue.ref([]);
+    const selectedData = vue.ref(null);
+    const buttonTxt = vue.computed(() => {
+      if (selectedData.value) {
+        const label = selectedData.value.label || "";
+        const labelList = label.split(" ");
+        return label.replace(`${labelList[0]} `, labelList[0]);
+      }
+      return props.label;
+    });
+    function buttonChange(item) {
+      emits("change", item.value);
+    }
+    function getDataList(dataList2 = []) {
+      const arr = [];
+      dataList2.forEach((item) => {
+        const children = item.children || [];
+        let list = [];
+        children.forEach((operate) => {
+          if (operateShowHandler(operate)) {
+            list.push(operate);
+          }
+        });
+        if (list.length) {
+          arr.push({
+            ...item,
+            children: list
+          });
+        }
+      });
+      return arr;
+    }
+    function setSelectedData() {
+      dataList.value = getDataList(props.operateList);
+      const length = dataList.value.length;
+      if (length === 1) {
+        const item = dataList.value[0];
+        if (item.children && item.children.length === 1) {
+          selectedData.value = item.children[0];
+          return;
+        }
+      }
+      selectedData.value = null;
+    }
+    function operateShowHandler(operate) {
+      if (operate.permission && !is.isPermission(operate.permission)) {
+        return false;
+      }
+      const show = vue.unref(operate.show);
+      if (is.isBoolean(show)) return show;
+      return true;
+    }
+    vue.watch(() => props.operateList, setSelectedData, { deep: true, immediate: true });
+    __expose({});
+    return (_ctx, _cache) => {
+      const _component_ArrowDown = vue.resolveComponent("ArrowDown");
+      return dataList.value.length ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        class: "hy-action-button"
+      }, [
+        selectedData.value ? (vue.openBlock(), vue.createBlock(vue.unref(index.HyTooltip), {
+          key: 0,
+          "open-delay": 500,
+          disabled: !selectedData.value.altText,
+          content: selectedData.value.altText,
+          "is-always": true,
+          placement: "bottom"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(vue.unref(index$1.HyButton), {
+              type: __props.type,
+              size: __props.size,
+              disabled: __props.disabled,
+              class: vue.normalizeClass(selectedData.value.buttonClass || __props.buttonClass),
+              svgName: selectedData.value.svgName || __props.svgName,
+              onClick: ($event) => buttonChange(selectedData.value)
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(
+                  vue.toDisplayString(buttonTxt.value),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["type", "size", "disabled", "class", "svgName", "onClick"])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["disabled", "content"])) : (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElPopover), {
+          key: 1,
+          visible: visible.value,
+          "onUpdate:visible": ($event) => visible.value = $event,
+          placement: "bottom",
+          "open-delay": 200,
+          disabled: __props.disabled,
+          trigger: "click"
+        }, {
+          reference: vue.withCtx(() => [
+            vue.createVNode(vue.unref(index$1.HyButton), {
+              type: __props.type,
+              size: __props.size,
+              disabled: __props.disabled,
+              class: vue.normalizeClass(__props.buttonClass),
+              onClick: ($event) => buttonChange(selectedData.value)
+            }, {
+              content: vue.withCtx(() => [
+                vue.createElementVNode("div", { class: "h-full flex items-center justify-center pl-[14px]" }, [
+                  vue.createVNode(vue.unref(index$2.HyIcon), { "svg-name": __props.svgName }, null, 8, ["svg-name"]),
+                  vue.createElementVNode(
+                    "span",
+                    { class: "ml-[6px]" },
+                    vue.toDisplayString(__props.label),
+                    1
+                    /* TEXT */
+                  ),
+                  vue.createElementVNode(
+                    "div",
+                    {
+                      class: vue.normalizeClass(["w-[1px] h-full ml-[7px]", {
+                        "bg-auxiliary": __props.type === "default",
+                        "bg-success": __props.type === "success",
+                        "bg-theme": __props.type === "primary",
+                        "bg-danger-2": __props.type === "danger"
+                      }])
+                    },
+                    null,
+                    2
+                    /* CLASS */
+                  ),
+                  vue.createElementVNode("div", { class: "w-[30px] h-full flex items-center justify-center" }, [
+                    vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                      color: "rgb(var(--hy-main))",
+                      style: vue.normalizeStyle([{ "transition": "0.3s all linear" }, {
+                        transform: visible.value ? "rotateX(180deg)" : "rotateX(0deg)"
+                      }])
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_ArrowDown)
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["style"])
+                  ])
+                ])
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["type", "size", "disabled", "class", "onClick"])
+          ]),
+          default: vue.withCtx(() => [
+            vue.createElementVNode("ul", { class: "max-h-[500px] overflow-x-auto box-border" }, [
+              (vue.openBlock(true), vue.createElementBlock(
+                vue.Fragment,
+                null,
+                vue.renderList(dataList.value, (item, index$1) => {
+                  return vue.openBlock(), vue.createElementBlock(
+                    "li",
+                    {
+                      key: index$1,
+                      class: vue.normalizeClass([{
+                        "border-b border-border": index$1 !== dataList.value.length - 1
+                      }, "box-border text-xs text-auxiliary"])
+                    },
+                    [
+                      item.title ? (vue.openBlock(), vue.createElementBlock(
+                        "div",
+                        {
+                          key: 0,
+                          class: "box-border pt-2 px-2 over_one_line mb-1"
+                        },
+                        vue.toDisplayString(item.title),
+                        1
+                        /* TEXT */
+                      )) : vue.createCommentVNode("v-if", true),
+                      vue.createElementVNode("ul", { class: "text-sm text-main" }, [
+                        (vue.openBlock(true), vue.createElementBlock(
+                          vue.Fragment,
+                          null,
+                          vue.renderList(item.children, (row) => {
+                            return vue.openBlock(), vue.createElementBlock("li", {
+                              key: row.value,
+                              class: "h-[32px] flex items-center justify-between px-2 box-border clickBox hover:text-theme hover:bg-backgroundv3",
+                              onClick: ($event) => buttonChange(row)
+                            }, [
+                              vue.createVNode(vue.unref(index.HyTooltip), {
+                                "open-delay": 500,
+                                content: row.label,
+                                "is-always": true,
+                                placement: "bottom"
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createElementVNode(
+                                    "div",
+                                    {
+                                      class: vue.normalizeClass([row.textClass, "max-w-[200px] over_one_line"])
+                                    },
+                                    vue.toDisplayString(row.label),
+                                    3
+                                    /* TEXT, CLASS */
+                                  )
+                                ]),
+                                _: 2
+                                /* DYNAMIC */
+                              }, 1032, ["content"]),
+                              row.altText ? (vue.openBlock(), vue.createBlock(vue.unref(index.HyTooltip), {
+                                key: 0,
+                                "open-delay": 500,
+                                content: row.altText,
+                                "is-always": true,
+                                placement: "top"
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createVNode(vue.unref(elementPlus.ElIcon), { class: "flex-shrink-0 ml-2 text-auxiliary" }, {
+                                    default: vue.withCtx(() => [
+                                      vue.createVNode(vue.unref(iconsVue.Warning))
+                                    ]),
+                                    _: 1
+                                    /* STABLE */
+                                  })
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              }, 8, ["content"])) : vue.createCommentVNode("v-if", true)
+                            ], 8, ["onClick"]);
+                          }),
+                          128
+                          /* KEYED_FRAGMENT */
+                        ))
+                      ])
+                    ],
+                    2
+                    /* CLASS */
+                  );
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["visible", "onUpdate:visible", "disabled"]))
+      ])) : vue.createCommentVNode("v-if", true);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/components/index.js

@@ -11,18 +11,19 @@ var index$j = require('./hyTable/index.js');
 var index$3 = require('./hyTooltip/index.js');
 var index$7 = require('./hyConfigProvider/index.js');
 var index$6 = require('./hyButton/index.js');
-var index$l = require('./hyUserAvatar/index.js');
+var index$m = require('./hyUserAvatar/index.js');
 var index$f = require('./hyNoPermissions/index.js');
 var index$g = require('./hyNoPermissionsMap/index.js');
 var index$9 = require('./hyCutter/index.js');
 var index$a = require('./hyDialog/index.js');
 var index$e = require('./hyMenu/index.js');
-var index$k = require('./hyTree/index.js');
-var index$m = require('./hyVideoPlayer/index.js');
+var index$l = require('./hyTree/index.js');
+var index$n = require('./hyVideoPlayer/index.js');
 var index$4 = require('./hyAudioPlayer/index.js');
 var index$1 = require('./hyInput/index.js');
 var index$2 = require('./hyTimePicker/index.js');
 var index$5 = require('./hyTableForm/index.js');
+var index$k = require('./hyTableActionButton/index.js');
 var useAppForm = require('./hyForm/js/useAppForm.js');
 var useAppSearch = require('./hySearch/js/useAppSearch.js');
 var useAppTable = require('./hyTable/js/useAppTable.js');
@@ -43,14 +44,14 @@ exports.ElTooltip = index$3.ElTooltip;
 exports.HyTooltip = index$3.HyTooltip;
 exports.HyConfigProvider = index$7.HyConfigProvider;
 exports.HyButton = index$6.HyButton;
-exports.HyUserAvatar = index$l.HyUserAvatar;
+exports.HyUserAvatar = index$m.HyUserAvatar;
 exports.HyNoPermissions = index$f.HyNoPermissions;
 exports.HyNoPermissionsMap = index$g.HyNoPermissionsMap;
 exports.HyCutter = index$9.HyCutter;
 exports.HyDialog = index$a.HyDialog;
 exports.HyMenu = index$e.HyMenu;
-exports.HyTree = index$k.HyTree;
-exports.HyVideoPlayer = index$m.HyVideoPlayer;
+exports.HyTree = index$l.HyTree;
+exports.HyVideoPlayer = index$n.HyVideoPlayer;
 exports.HyAudioPlayer = index$4.HyAudioPlayer;
 exports.ElInput = index$1.ElInput;
 exports.HyInput = index$1.HyInput;
@@ -58,6 +59,7 @@ exports.ElTimePicker = index$2.ElTimePicker;
 exports.HyTimePicker = index$2.HyTimePicker;
 exports.HyBatchTableForm = index$5.HyBatchTableForm;
 exports.HyTableForm = index$5.HyTableForm;
+exports.HyTableActionButton = index$k.HyTableActionButton;
 exports.resetAppFormValue = useAppForm.resetAppFormValue;
 exports.useAppForm = useAppForm.useAppForm;
 exports.resetAppSearchValue = useAppSearch.resetAppSearchValue;

package/lib/index.js

@@ -23,9 +23,10 @@ var index$g = require('./components/hyNoPermissionsMap/index.js');
 var index$h = require('./components/hyOrgCascader/index.js');
 var index$i = require('./components/hySearch/index.js');
 var index$j = require('./components/hyTable/index.js');
-var index$k = require('./components/hyTree/index.js');
-var index$l = require('./components/hyUserAvatar/index.js');
-var index$m = require('./components/hyVideoPlayer/index.js');
+var index$k = require('./components/hyTableActionButton/index.js');
+var index$l = require('./components/hyTree/index.js');
+var index$m = require('./components/hyUserAvatar/index.js');
+var index$n = require('./components/hyVideoPlayer/index.js');
 var crypto = require('./utils/crypto.js');
 var file = require('./utils/file.js');
 var useLocale = require('./hooks/useLocale.js');
@@ -80,9 +81,10 @@ exports.HyNoPermissionsMap = index$g.HyNoPermissionsMap;
 exports.HyOrgCascader = index$h.HyOrgCascader;
 exports.HySearch = index$i.HySearch;
 exports.HyTable = index$j.HyTable;
-exports.HyTree = index$k.HyTree;
-exports.HyUserAvatar = index$l.HyUserAvatar;
-exports.HyVideoPlayer = index$m.HyVideoPlayer;
+exports.HyTableActionButton = index$k.HyTableActionButton;
+exports.HyTree = index$l.HyTree;
+exports.HyUserAvatar = index$m.HyUserAvatar;
+exports.HyVideoPlayer = index$n.HyVideoPlayer;
 exports.base64Decrypt = crypto.base64Decrypt;
 exports.encryptToBase64 = crypto.encryptToBase64;
 exports.generateRandomCode = crypto.generateRandomCode;

package/lib/style/element/hy-element.scss

@@ -216,6 +216,16 @@
   white-space: nowrap;
 }
 
+.hy-el-textarea__clear {
+  position: absolute;
+  right: 11px;
+  top: 15px;
+  transform: translateY(-50%);
+  color: var(--el-input-icon-color);
+  font-size: 14px;
+  cursor: pointer;
+}
+
 // 日期选择器
 .hy-el-popper.hy-el-tooltip.hy-el-picker__popper {
   --hy-el-border-color-light: rgba(var(--hy-auxiliary), 1);
@@ -921,6 +931,12 @@
       position: relative;
       height: 38px;
       padding-left: 20px;
+
+      .hy-el-collapse-item__title {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
     }
 
     .hy-el-collapse-item__wrap {
@@ -954,6 +970,7 @@
     td.is-selected {
       box-shadow: 0px 0 12px 0px rgba(var(--hy-theme), 1) inset;
       background: rgba(var(--hy-background-2), 1);
+
       .hy-el-calendar-day {
         border: 1px solid rgba(var(--hy-theme), 1);
       }

package/lib/version.js

@@ -1,5 +1,5 @@
 'use strict';
 
-const version = "0.2.34";
+const version = "0.2.36";
 
 exports.version = version;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hy-dispatch-ui-v3",
-  "version": "0.2.35",
+  "version": "0.2.37",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "scripts": {
@@ -22,7 +22,6 @@
     "body-parser": "^2.3.0",
     "crypto-js": "^4.2.0",
     "dayjs": "^1.11.20",
-    "element-plus": "^2.14.2",
     "express": "^5.2.1",
     "hy-virtual-tree": "^2.4.4",
     "lodash-unified": "^1.0.3",
@@ -30,13 +29,12 @@
     "mysql": "^2.18.1",
     "sortablejs": "^1.15.7",
     "vite-plugin-svg-icons": "^2.0.1",
-    "vue": "^3.5.25",
     "vue-cropper": "^1.1.4",
-    "vue-router": "^5.0.3",
     "xlsx": "^0.17.3"
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.28.6",
+    "@babel/parser": "^8.0.4",
     "@pnpm/find-workspace-packages": "^6.0.9",
     "@rollup/plugin-alias": "^6.0.0",
     "@rollup/plugin-babel": "7.0.0",
@@ -52,6 +50,7 @@
     "colorful": "2.1.0",
     "commander": "11.0.0",
     "consola": "^2.15.3",
+    "element-plus": "^2.14.2",
     "eslint": "8.57.1",
     "eslint-config-prettier": "9.1.2",
     "eslint-define-config": "2.1.0",
@@ -78,8 +77,10 @@
     "unplugin-vue-define-options": "^3.1.2",
     "unplugin-vue-macros": "^0.16.5",
     "vite": "^7.3.1",
+    "vue": "^3.5.25",
     "vue-draggable-plus": "^0.6.1",
-    "vue-eslint-parser": "^9.4.3"
+    "vue-eslint-parser": "^9.4.3",
+    "vue-router": "^5.2.0"
   },
   "browserslist": [
     "> 0.5%",
@@ -136,7 +137,17 @@
     "./tailwind.css": "./dist/tailwind.css"
   },
   "peerDependencies": {
-    "vue": ">=3.5.25"
+    "element-plus": ">=2.13.0",
+    "vue": ">=3.5.25",
+    "vue-router": ">=5.0.0"
+  },
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "@parcel/watcher",
+      "es5-ext",
+      "esbuild",
+      "fsevents"
+    ]
   },
   "author": "sailor-lin",
   "license": "MIT"