hy-dispatch-ui-v3 0.2.36 → 0.2.38

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 "default";
+      }
+    },
+    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-table-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/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hy-dispatch-ui-v3",
-  "version": "0.2.36",
+  "version": "0.2.38",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "scripts": {
@@ -50,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",
@@ -76,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%",
@@ -135,7 +138,8 @@
   },
   "peerDependencies": {
     "element-plus": ">=2.13.0",
-    "vue": ">=3.5.25"
+    "vue": ">=3.5.25",
+    "vue-router": ">=5.0.0"
   },
   "pnpm": {
     "onlyBuiltDependencies": [