hy-dispatch-ui-v3 0.2.36 → 0.2.38

package/es/components/hyTableActionButton/tableActionButton.vue.mjs

@@ -0,0 +1,316 @@
+import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createElementBlock, createBlock, unref, withCtx, createVNode, normalizeClass, createTextVNode, toDisplayString, createElementVNode, Fragment, renderList, createCommentVNode, normalizeStyle } from 'vue';
+import { ElPopover, ElIcon } from 'element-plus';
+import { Warning } from '@element-plus/icons-vue';
+import { useLocale } from '../../hooks/useLocale.mjs';
+import { HyTooltip } from '../hyTooltip/index.mjs';
+import { HyButton } from '../hyButton/index.mjs';
+import { HyIcon } from '../hyIcon/index.mjs';
+import { isPermission, isBoolean } from '../../utils/is.mjs';
+
+import "./style/tableActionButton.scss";
+
+const __default__ = 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();
+    const visible = ref(false);
+    const dataList = ref([]);
+    const selectedData = ref(null);
+    const buttonTxt = 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 && !isPermission(operate.permission)) {
+        return false;
+      }
+      const show = unref(operate.show);
+      if (isBoolean(show)) return show;
+      return true;
+    }
+    watch(() => props.operateList, setSelectedData, { deep: true, immediate: true });
+    __expose({});
+    return (_ctx, _cache) => {
+      const _component_ArrowDown = resolveComponent("ArrowDown");
+      return dataList.value.length ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "hy-table-action-button"
+      }, [
+        selectedData.value ? (openBlock(), createBlock(unref(HyTooltip), {
+          key: 0,
+          "open-delay": 500,
+          disabled: !selectedData.value.altText,
+          content: selectedData.value.altText,
+          "is-always": true,
+          placement: "bottom"
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(HyButton), {
+              type: __props.type,
+              size: __props.size,
+              disabled: __props.disabled,
+              class: normalizeClass(selectedData.value.buttonClass || __props.buttonClass),
+              svgName: selectedData.value.svgName || __props.svgName,
+              onClick: ($event) => buttonChange(selectedData.value)
+            }, {
+              default: withCtx(() => [
+                createTextVNode(
+                  toDisplayString(buttonTxt.value),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["type", "size", "disabled", "class", "svgName", "onClick"])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["disabled", "content"])) : (openBlock(), createBlock(unref(ElPopover), {
+          key: 1,
+          visible: visible.value,
+          "onUpdate:visible": ($event) => visible.value = $event,
+          placement: "bottom",
+          "open-delay": 200,
+          disabled: __props.disabled,
+          trigger: "click"
+        }, {
+          reference: withCtx(() => [
+            createVNode(unref(HyButton), {
+              type: __props.type,
+              size: __props.size,
+              disabled: __props.disabled,
+              class: normalizeClass(__props.buttonClass),
+              onClick: ($event) => buttonChange(selectedData.value)
+            }, {
+              content: withCtx(() => [
+                createElementVNode("div", { class: "h-full flex items-center justify-center pl-[14px]" }, [
+                  createVNode(unref(HyIcon), { "svg-name": __props.svgName }, null, 8, ["svg-name"]),
+                  createElementVNode(
+                    "span",
+                    { class: "ml-[6px]" },
+                    toDisplayString(__props.label),
+                    1
+                    /* TEXT */
+                  ),
+                  createElementVNode(
+                    "div",
+                    {
+                      class: 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 */
+                  ),
+                  createElementVNode("div", { class: "w-[30px] h-full flex items-center justify-center" }, [
+                    createVNode(unref(ElIcon), {
+                      color: "rgb(var(--hy-main))",
+                      style: normalizeStyle([{ "transition": "0.3s all linear" }, {
+                        transform: visible.value ? "rotateX(180deg)" : "rotateX(0deg)"
+                      }])
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_ArrowDown)
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["style"])
+                  ])
+                ])
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["type", "size", "disabled", "class", "onClick"])
+          ]),
+          default: withCtx(() => [
+            createElementVNode("ul", { class: "max-h-[500px] overflow-x-auto box-border" }, [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(dataList.value, (item, index) => {
+                  return openBlock(), createElementBlock(
+                    "li",
+                    {
+                      key: index,
+                      class: normalizeClass([{
+                        "border-b border-border": index !== dataList.value.length - 1
+                      }, "box-border text-xs text-auxiliary"])
+                    },
+                    [
+                      item.title ? (openBlock(), createElementBlock(
+                        "div",
+                        {
+                          key: 0,
+                          class: "box-border pt-2 px-2 over_one_line mb-1"
+                        },
+                        toDisplayString(item.title),
+                        1
+                        /* TEXT */
+                      )) : createCommentVNode("v-if", true),
+                      createElementVNode("ul", { class: "text-sm text-main" }, [
+                        (openBlock(true), createElementBlock(
+                          Fragment,
+                          null,
+                          renderList(item.children, (row) => {
+                            return openBlock(), 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)
+                            }, [
+                              createVNode(unref(HyTooltip), {
+                                "open-delay": 500,
+                                content: row.label,
+                                "is-always": true,
+                                placement: "bottom"
+                              }, {
+                                default: withCtx(() => [
+                                  createElementVNode(
+                                    "div",
+                                    {
+                                      class: normalizeClass([row.textClass, "max-w-[200px] over_one_line"])
+                                    },
+                                    toDisplayString(row.label),
+                                    3
+                                    /* TEXT, CLASS */
+                                  )
+                                ]),
+                                _: 2
+                                /* DYNAMIC */
+                              }, 1032, ["content"]),
+                              row.altText ? (openBlock(), createBlock(unref(HyTooltip), {
+                                key: 0,
+                                "open-delay": 500,
+                                content: row.altText,
+                                "is-always": true,
+                                placement: "top"
+                              }, {
+                                default: withCtx(() => [
+                                  createVNode(unref(ElIcon), { class: "flex-shrink-0 ml-2 text-auxiliary" }, {
+                                    default: withCtx(() => [
+                                      createVNode(unref(Warning))
+                                    ]),
+                                    _: 1
+                                    /* STABLE */
+                                  })
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              }, 8, ["content"])) : createCommentVNode("v-if", true)
+                            ], 8, ["onClick"]);
+                          }),
+                          128
+                          /* KEYED_FRAGMENT */
+                        ))
+                      ])
+                    ],
+                    2
+                    /* CLASS */
+                  );
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["visible", "onUpdate:visible", "disabled"]))
+      ])) : createCommentVNode("v-if", true);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/index.mjs

@@ -21,6 +21,7 @@ export { HyAudioPlayer } from './hyAudioPlayer/index.mjs';
 export { ElInput, HyInput } from './hyInput/index.mjs';
 export { ElTimePicker, HyTimePicker } from './hyTimePicker/index.mjs';
 export { HyBatchTableForm, HyTableForm } from './hyTableForm/index.mjs';
+export { HyTableActionButton } from './hyTableActionButton/index.mjs';
 export { resetAppFormValue, useAppForm } from './hyForm/js/useAppForm.mjs';
 export { resetAppSearchValue, useAppSearch } from './hySearch/js/useAppSearch.mjs';
 export { useAppTable } from './hyTable/js/useAppTable.mjs';

package/es/index.mjs

@@ -19,6 +19,7 @@ export { HyNoPermissionsMap } from './components/hyNoPermissionsMap/index.mjs';
 export { HyOrgCascader } from './components/hyOrgCascader/index.mjs';
 export { HySearch } from './components/hySearch/index.mjs';
 export { HyTable } from './components/hyTable/index.mjs';
+export { HyTableActionButton } from './components/hyTableActionButton/index.mjs';
 export { HyTree } from './components/hyTree/index.mjs';
 export { HyUserAvatar } from './components/hyUserAvatar/index.mjs';
 export { HyVideoPlayer } from './components/hyVideoPlayer/index.mjs';

package/es/version.mjs

@@ -1,3 +1,3 @@
-const version = "0.2.35";
+const version = "0.2.37";
 
 export { version };

package/lib/components/hyButton/button.vue.js

@@ -40,11 +40,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     svgName: {
       type: String
     },
-    expand: {
-      // 展开，仅普通按钮支持
-      type: Boolean,
-      default: false
-    },
     link: {
       // 链接按钮
       type: Boolean,
@@ -128,60 +123,31 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   }, {
                     default: vue.withCtx(() => [
                       vue.renderSlot(_ctx.$slots, "content", {}, () => [
-                        vue.createElementVNode(
-                          "div",
-                          {
-                            class: vue.normalizeClass(["flex items-center text-main", {
-                              "px-3": !__props.expand,
-                              "pl-3 pr-1.5": __props.expand
-                            }])
-                          },
-                          [
-                            !__props.loading ? vue.renderSlot(_ctx.$slots, "svg", {}, () => [
-                              __props.svgName ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.HyIcon), {
-                                key: 0,
-                                "svg-name": __props.svgName,
-                                "class-name": "!w-3 !h-3 text-main mr-2"
-                              }, null, 8, ["svg-name"])) : vue.createCommentVNode("v-if", true)
-                            ], void 0, 0) : (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
-                              key: 1,
-                              color: "rgb(var(--hy-main))",
-                              class: "is-loading mr-2"
-                            }, {
-                              default: vue.withCtx(() => [
-                                vue.createVNode(vue.unref(iconsVue.Loading))
-                              ]),
-                              _: 1
-                              /* STABLE */
-                            })),
-                            vue.renderSlot(_ctx.$slots, "default")
-                          ],
-                          2
-                          /* CLASS */
-                        )
+                        vue.createElementVNode("div", { class: "flex items-center text-main px-3" }, [
+                          !__props.loading ? vue.renderSlot(_ctx.$slots, "svg", {}, () => [
+                            __props.svgName ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.HyIcon), {
+                              key: 0,
+                              "svg-name": __props.svgName,
+                              "class-name": "!w-3 !h-3 text-main mr-2"
+                            }, null, 8, ["svg-name"])) : vue.createCommentVNode("v-if", true)
+                          ], void 0, 0) : (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
+                            key: 1,
+                            color: "rgb(var(--hy-main))",
+                            class: "is-loading mr-2"
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(iconsVue.Loading))
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })),
+                          vue.renderSlot(_ctx.$slots, "default")
+                        ])
                       ])
                     ]),
                     _: 3
                     /* FORWARDED */
-                  }, 8, ["disabled", "content"]),
-                  __props.expand ? (vue.openBlock(), vue.createElementBlock(
-                    vue.Fragment,
-                    { key: 0 },
-                    [
-                      vue.createElementVNode("div", { class: "w-px h-full bg-success/50" }),
-                      vue.createElementVNode("div", { class: "w-[30px] flex items-center justify-center" }, [
-                        vue.createVNode(vue.unref(elementPlus.ElIcon), { color: "rgb(var(--hy-main))" }, {
-                          default: vue.withCtx(() => [
-                            vue.createVNode(vue.unref(iconsVue.ArrowDown))
-                          ]),
-                          _: 1
-                          /* STABLE */
-                        })
-                      ])
-                    ],
-                    64
-                    /* STABLE_FRAGMENT */
-                  )) : vue.createCommentVNode("v-if", true)
+                  }, 8, ["disabled", "content"])
                 ]),
                 vue.createCommentVNode(" \u6E10\u53D8\u906E\u7F69 e "),
                 vue.createElementVNode("div", { class: "hy-button__mask w-full h-full absolute blur-[1px]" })

package/lib/components/hyButton/style/button.scss

@@ -30,7 +30,7 @@
   }
 
   & + & {
-    margin-left: 16px;
+    margin-left: 12px;
   }
 
   &.hy-button_default {

package/lib/components/hyForm/cpns/arrayItem.vue.js

@@ -252,7 +252,8 @@ const _sfc_main = {
                               "parent-prop": __props.column.field,
                               index: index$1,
                               loading: __props.loading,
-                              readonly: __props.readonly
+                              readonly: __props.readonly,
+                              level: 3
                             }, vue.createSlots({
                               _: 2
                               /* DYNAMIC */

package/lib/components/hyForm/cpns/formItem.vue.js

@@ -43,6 +43,10 @@ const _sfc_main = {
     readonly: {
       type: Boolean,
       default: false
+    },
+    level: {
+      type: Number,
+      default: 2
     }
   },
   setup(__props) {
@@ -142,21 +146,38 @@ const _sfc_main = {
             ])) : vue.createCommentVNode("v-if", true)
           ]),
           vue.createCommentVNode(" \u5185\u5BB9\u4EC5\u67E5\u770B "),
-          __props.column.readonly || __props.readonly || !__props.column.type && !__props.column.slot ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            class: "w-full text-main h-[32px]"
-          }, [
-            vue.unref(index.renderText)(props, __props.column) ? (vue.openBlock(), vue.createElementBlock(
-              "span",
-              { key: 0 },
-              vue.toDisplayString(vue.unref(index.renderText)(props, __props.column)),
-              1
-              /* TEXT */
-            )) : (vue.openBlock(), vue.createElementBlock("span", {
-              key: 1,
-              class: "text-auxiliary"
-            }, "- -"))
-          ])) : (vue.openBlock(), vue.createElementBlock(
+          __props.column.readonly || __props.readonly || !__props.column.type && !__props.column.slot ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: vue.normalizeClass(["w-full flex items-center text-main px-2", {
+                "min-h-[40px]": _ctx.size === "large",
+                "min-h-[32px]": _ctx.size === "default",
+                "min-h-[24px]": _ctx.size === "small",
+                "bg-background": __props.level === 1,
+                "bg-background-2": __props.level === 2,
+                "bg-background-3": __props.level === 3,
+                "bg-background-4": __props.level === 4
+              }])
+            },
+            [
+              vue.unref(index.renderText)(props, __props.column) ? (vue.openBlock(), vue.createElementBlock(
+                "span",
+                {
+                  key: 0,
+                  class: "break-all"
+                },
+                vue.toDisplayString(vue.unref(index.renderText)(props, __props.column)),
+                1
+                /* TEXT */
+              )) : (vue.openBlock(), vue.createElementBlock("span", {
+                key: 1,
+                class: "text-auxiliary"
+              }, "- -"))
+            ],
+            2
+            /* CLASS */
+          )) : (vue.openBlock(), vue.createElementBlock(
             vue.Fragment,
             { key: 1 },
             [

package/lib/components/hyForm/js/index.js

@@ -54,7 +54,7 @@ function isDisabled(props, column) {
 }
 function renderText(props, column = {}) {
   const { type, field, customRender } = column;
-  const { props: fieldNames, options = [] } = column.attrs || {};
+  const { props: fieldNames } = column.attrs || {};
   if (customRender && typeof customRender === "function") {
     return customRender({
       column,
@@ -71,7 +71,8 @@ function renderText(props, column = {}) {
     return [props.model[lon], props.model[lat]].filter(Boolean).join("\uFF0C");
   }
   if (/^(select|radio|checkbox)$/.test(type)) {
-    const target = options.find(
+    const optionList = optionsHandler(props, column);
+    const target = optionList.find(
       (item) => item[fieldNames.value] === props.model?.[field]
     );
     return target?.[fieldNames.label] || props.model?.[field] || "";

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,9 @@
+.hy-table-action-button {
+  display: inline-block;
+}
+
+.hy-table-action-button + .hy-table-action-button,
+.hy-table-action-button + .hy-button,
+.hy-button + .hy-table-action-button {
+  margin-left: 12px;
+}