hy-dispatch-ui-v3 0.2.36 → 0.2.38

package/dist/tailwind.css

@@ -284,6 +284,10 @@
   margin-top: -0.125rem;
 }
 
+.mb-1 {
+  margin-bottom: 0.25rem;
+}
+
 .mb-1\.5 {
   margin-bottom: 0.375rem;
 }
@@ -336,6 +340,14 @@
   margin-left: 4px;
 }
 
+.ml-\[6px\] {
+  margin-left: 6px;
+}
+
+.ml-\[7px\] {
+  margin-left: 7px;
+}
+
 .ml-auto {
   margin-left: auto;
 }
@@ -556,6 +568,10 @@
   height: 100%;
 }
 
+.max-h-\[500px\] {
+  max-height: 500px;
+}
+
 .max-h-full {
   max-height: 100%;
 }
@@ -564,10 +580,22 @@
   min-height: 1.5rem;
 }
 
+.min-h-\[24px\] {
+  min-height: 24px;
+}
+
+.min-h-\[32px\] {
+  min-height: 32px;
+}
+
 .min-h-\[36px\] {
   min-height: 36px;
 }
 
+.min-h-\[40px\] {
+  min-height: 40px;
+}
+
 .\!w-3 {
   width: 0.75rem !important;
 }
@@ -648,6 +676,10 @@
   width: 16px;
 }
 
+.w-\[1px\] {
+  width: 1px;
+}
+
 .w-\[22px\] {
   width: 22px;
 }
@@ -684,10 +716,6 @@
   width: 100%;
 }
 
-.w-px {
-  width: 1px;
-}
-
 .\!min-w-\[120px\] {
   min-width: 120px !important;
 }
@@ -696,6 +724,10 @@
   min-width: 100%;
 }
 
+.max-w-\[200px\] {
+  max-width: 200px;
+}
+
 .max-w-\[300px\] {
   max-width: 300px;
 }
@@ -840,6 +872,10 @@
   overflow: hidden;
 }
 
+.overflow-x-auto {
+  overflow-x: auto;
+}
+
 .overflow-y-auto {
   overflow-y: auto;
 }
@@ -1007,10 +1043,6 @@
   background-color: rgb(var(--hy-success), var(--tw-bg-opacity, 1));
 }
 
-.bg-success\/50 {
-  background-color: rgb(var(--hy-success), 0.5);
-}
-
 .bg-theme {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--hy-theme), var(--tw-bg-opacity, 1));
@@ -1157,10 +1189,6 @@
   padding-left: 52px;
 }
 
-.pr-1\.5 {
-  padding-right: 0.375rem;
-}
-
 .pr-2 {
   padding-right: 0.5rem;
 }
@@ -1428,6 +1456,11 @@ menu {
   color: rgb(var(--hy-main), var(--tw-text-opacity, 1));
 }
 
+.hover\:text-theme:hover {
+  --tw-text-opacity: 1;
+  color: rgb(var(--hy-theme), var(--tw-text-opacity, 1));
+}
+
 .hover\:shadow-\[0px_0px_5px_0px_rgba\(var\(--hy-theme\)\2c 0\.5\)\]:hover {
   --tw-shadow: 0px 0px 5px 0px rgba(var(--hy-theme),0.5);
   --tw-shadow-colored: 0px 0px 5px 0px var(--tw-shadow-color);

package/es/components/hyButton/button.vue.mjs

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

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

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

package/es/components/hyForm/cpns/arrayItem.vue.mjs

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

package/es/components/hyForm/cpns/formItem.vue.mjs

@@ -1,4 +1,4 @@
-import { computed, unref, openBlock, createBlock, normalizeStyle, withCtx, createCommentVNode, createElementVNode, renderSlot, toDisplayString, createElementBlock, createVNode, Fragment, mergeProps } from 'vue';
+import { computed, unref, openBlock, createBlock, normalizeStyle, withCtx, createCommentVNode, createElementVNode, renderSlot, toDisplayString, createElementBlock, createVNode, normalizeClass, Fragment, mergeProps } from 'vue';
 import { ElFormItem, ElIcon, ElSelect, ElRadioGroup, ElCheckboxGroup, ElSwitch, ElInputNumber } from 'element-plus';
 import { QuestionFilled } from '@element-plus/icons-vue';
 import { columnShowHandler, columnItemStyle, isRequired, renderText, isDisabled, optionsHandler } from '../js/index.mjs';
@@ -39,6 +39,10 @@ const _sfc_main = {
     readonly: {
       type: Boolean,
       default: false
+    },
+    level: {
+      type: Number,
+      default: 2
     }
   },
   setup(__props) {
@@ -138,21 +142,38 @@ const _sfc_main = {
             ])) : createCommentVNode("v-if", true)
           ]),
           createCommentVNode(" \u5185\u5BB9\u4EC5\u67E5\u770B "),
-          __props.column.readonly || __props.readonly || !__props.column.type && !__props.column.slot ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: "w-full text-main h-[32px]"
-          }, [
-            unref(renderText)(props, __props.column) ? (openBlock(), createElementBlock(
-              "span",
-              { key: 0 },
-              toDisplayString(unref(renderText)(props, __props.column)),
-              1
-              /* TEXT */
-            )) : (openBlock(), createElementBlock("span", {
-              key: 1,
-              class: "text-auxiliary"
-            }, "- -"))
-          ])) : (openBlock(), createElementBlock(
+          __props.column.readonly || __props.readonly || !__props.column.type && !__props.column.slot ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: 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
+              }])
+            },
+            [
+              unref(renderText)(props, __props.column) ? (openBlock(), createElementBlock(
+                "span",
+                {
+                  key: 0,
+                  class: "break-all"
+                },
+                toDisplayString(unref(renderText)(props, __props.column)),
+                1
+                /* TEXT */
+              )) : (openBlock(), createElementBlock("span", {
+                key: 1,
+                class: "text-auxiliary"
+              }, "- -"))
+            ],
+            2
+            /* CLASS */
+          )) : (openBlock(), createElementBlock(
             Fragment,
             { key: 1 },
             [

package/es/components/hyForm/js/index.mjs

@@ -52,7 +52,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,
@@ -69,7 +69,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/es/components/hyTable/cpns/columnSelect.vue.mjs

@@ -306,22 +306,29 @@ const _sfc_main = {
                   )) : createCommentVNode("v-if", true)
                 ]),
                 createElementVNode("div", { class: "w-0 flex-1 flex items-center justify-end ml-3" }, [
-                  createVNode(unref(ElIcon), {
-                    class: "mr-1.5",
-                    color: "rgb(var(--hy-auxiliary))"
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(unref(Warning))
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }),
-                  checkedList.value?.length >= 8 ? (openBlock(), createBlock(unref(HyTooltip), {
-                    key: 0,
-                    "is-always": false,
-                    content: unref(t)("table.tooManyFieldsWillAffectReadability"),
-                    class: "mr-2 text-auxiliary"
-                  }, null, 8, ["content"])) : createCommentVNode("v-if", true),
+                  checkedList.value?.length >= 8 ? (openBlock(), createElementBlock(
+                    Fragment,
+                    { key: 0 },
+                    [
+                      createVNode(unref(ElIcon), {
+                        class: "mr-1.5",
+                        color: "rgb(var(--hy-auxiliary))"
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(unref(Warning))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      createVNode(unref(HyTooltip), {
+                        "is-always": false,
+                        content: unref(t)("table.tooManyFieldsWillAffectReadability"),
+                        class: "mr-2 text-auxiliary"
+                      }, null, 8, ["content"])
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  )) : createCommentVNode("v-if", true),
                   createVNode(unref(HyButton), {
                     type: "primary",
                     size: "small",

package/es/components/hyTableActionButton/index.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './tableActionButton.vue.mjs';
+import { withInstall } from '../../utils/handler.mjs';
+
+const HyTableActionButton = withInstall(_sfc_main);
+
+export { HyTableActionButton, HyTableActionButton as default };

package/es/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;
+}