hy-dispatch-ui-v3 0.2.66 → 0.2.68

package/lib/components/hyDrawer/drawer.vue.js

@@ -0,0 +1,104 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+require('../index.js');
+var index = require('../hyIcon/index.js');
+
+import "./style/drawer.scss";
+
+const __default__ = vue.defineComponent({
+  name: "HyDrawer"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: /* @__PURE__ */ vue.mergeModels({
+    title: {
+      type: String,
+      default: "\u6807\u9898"
+    },
+    direction: {
+      type: String,
+      default: "rtl"
+    },
+    size: {
+      type: String,
+      default: "90vw"
+    },
+    withHeader: {
+      type: Boolean,
+      default: true
+    }
+  }, {
+    "modelValue": { type: Boolean, default: false },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels([], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const drawer = vue.useModel(__props, "modelValue");
+    const dragLevelIndex = vue.ref(null);
+    function setDragLevelIndex(initDragLevelIndex) {
+      dragLevelIndex.value = initDragLevelIndex;
+    }
+    function onCloseHandler() {
+      drawer.value = false;
+    }
+    __expose({
+      setDragLevelIndex
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDrawer), vue.mergeProps({
+        modelValue: drawer.value,
+        "onUpdate:modelValue": ($event) => drawer.value = $event,
+        "append-to-body": "",
+        "lock-scroll": "",
+        "close-on-click-modal": false,
+        "close-on-press-escape": false,
+        "destroy-on-close": "",
+        direction: __props.direction,
+        "show-close": false,
+        size: __props.size,
+        "with-header": false,
+        "body-class": "!p-0"
+      }, _ctx.$attrs, { "z-index": dragLevelIndex.value }), {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", { class: "h-full flex flex-col items-center" }, [
+            __props.withHeader ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: "w-full py-5 px-4 flex justify-between items-center relative box-border"
+            }, [
+              vue.createElementVNode("div", { class: "w-0 flex-grow leading-[1] text-main font-bold size-[18px] mr-2" }, [
+                vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                  vue.createTextVNode(
+                    vue.toDisplayString(__props.title),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ]),
+              vue.createElementVNode("div", { class: "text-lg cursor-pointer" }, [
+                vue.renderSlot(_ctx.$slots, "title-operate-box"),
+                vue.createVNode(vue.unref(index.HyIcon), {
+                  "svg-name": "layout-dialog-close-v2",
+                  class: "!w-[20px] !h-[20px] ml-2 text-danger-2",
+                  onClick: onCloseHandler
+                })
+              ])
+            ])) : vue.createCommentVNode("v-if", true),
+            vue.createElementVNode("div", { class: "w-full h-0 flex-1 pt-2.5 pb-4 px-4 overflow-y-auto relative box-border" }, [
+              vue.renderSlot(_ctx.$slots, "default")
+            ]),
+            vue.renderSlot(_ctx.$slots, "footer")
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["modelValue", "onUpdate:modelValue", "direction", "size", "z-index"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/components/hyDrawer/index.js

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

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

@@ -5,13 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var elementPlus = require('element-plus');
 var iconsVue = require('@element-plus/icons-vue');
-require('../../../hooks/index.js');
 require('../../index.js');
 require('../../../utils/index.js');
 var index = require('../js/index.js');
 var formItem = require('./formItem.vue.js');
 var useAppForm = require('../js/useAppForm.js');
-var useLocale = require('../../../hooks/useLocale.js');
 var form = require('../../../utils/form.js');
 var is = require('../../../utils/is.js');
 var index$1 = require('../../hyTooltip/index.js');
@@ -54,7 +52,6 @@ const _sfc_main = {
   },
   setup(__props) {
     const props = __props;
-    const { t } = useLocale.useLocale();
     const bindValue = vue.computed({
       get() {
         const prop = props.column.field;
@@ -65,20 +62,6 @@ const _sfc_main = {
         form.setValueByProp(props.model, prop, val);
       }
     });
-    const containerRef = vue.useTemplateRef("containerRef");
-    const containerHeight = vue.ref(0);
-    const isExpand = vue.ref(false);
-    const isExpandHover = vue.ref(null);
-    function onExpandHandler(column) {
-      containerHeight.value = containerRef.value.clientHeight;
-      isExpand.value = !isExpand.value;
-    }
-    function onExpandMouseenter(column) {
-      isExpandHover.value = true;
-    }
-    function onExpandMouseleave(column) {
-      isExpandHover.value = false;
-    }
     const containerStyle = vue.computed(() => {
       const columnNum = is.isNumber(props.column.columnNum) && props.column.columnNum > 0 ? props.column.columnNum : is.isNumber(props.columnNum) && props.columnNum > 0 ? props.columnNum || 1 : 1;
       return {
@@ -161,8 +144,10 @@ const _sfc_main = {
         vue.createElementVNode(
           "div",
           {
-            class: "overflow-y-auto scroll-body",
-            style: vue.normalizeStyle({ maxHeight: `${__props.column.height || 500}px` })
+            class: vue.normalizeClass({ "overflow-y-auto scroll-body": __props.column.height > 0 }),
+            style: vue.normalizeStyle({
+              maxHeight: __props.column.height > 0 ? `${__props.column.height}px` : void 0
+            })
           },
           [
             (vue.openBlock(true), vue.createElementBlock(
@@ -173,7 +158,7 @@ const _sfc_main = {
                   "div",
                   {
                     key: index$1,
-                    class: vue.normalizeClass(["bg-background-2 rounded-[6px] border border-border my-1.5", [__props.size === "small" ? "px-4 pt-2" : " pt-3 px-5"]])
+                    class: vue.normalizeClass(["bg-background-2 rounded-[6px] border border-border my-1.5 box-border", [__props.size === "small" ? "px-4 pt-2" : " pt-3 px-5"]])
                   },
                   [
                     vue.createElementVNode("div", { class: "flex items-center min-h-[36px]" }, [
@@ -191,7 +176,7 @@ const _sfc_main = {
                         }, () => [
                           vue.createElementVNode(
                             "span",
-                            { class: "text-auxiliary" },
+                            { class: "text-auxiliary whitespace-nowrap" },
                             vue.toDisplayString(vue.unref(index.renderArrayItemLabel)(props, __props.column, index$1)),
                             1
                             /* TEXT */
@@ -201,7 +186,7 @@ const _sfc_main = {
                       vue.createElementVNode("div", { class: "flex items-center gap-3 ml-auto" }, [
                         bindValue.value.length > 1 || props.column.emptyChildren ? (vue.openBlock(), vue.createElementBlock("div", {
                           key: 0,
-                          class: "clickBox bg-background py-0.5 px-1.5 rounded",
+                          class: "clickBox bg-background py-0.5 px-1.5 rounded box-border",
                           onClick: ($event) => onDeleteItemHandler(index$1)
                         }, [
                           vue.createVNode(vue.unref(elementPlus.ElIcon), {
@@ -249,9 +234,6 @@ const _sfc_main = {
                     vue.createElementVNode(
                       "div",
                       {
-                        ref_for: true,
-                        ref_key: "containerRef",
-                        ref: containerRef,
                         class: "grid gap-x-6",
                         style: vue.normalizeStyle(containerStyle.value)
                       },
@@ -302,8 +284,8 @@ const _sfc_main = {
               /* KEYED_FRAGMENT */
             ))
           ],
-          4
-          /* STYLE */
+          6
+          /* CLASS, STYLE */
         ),
         vue.createElementVNode("div", { class: "flex justify-center mt-2.5" }, [
           vue.createElementVNode("span", {

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

@@ -0,0 +1,202 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../index.js');
+require('../../../utils/index.js');
+require('../../../hooks/index.js');
+var index$1 = require('../js/index.js');
+var formItem = require('./formItem.vue.js');
+var useAppForm = require('../js/useAppForm.js');
+var useResizeObserver = require('../../../hooks/useResizeObserver.js');
+var form = require('../../../utils/form.js');
+var is = require('../../../utils/is.js');
+var index = require('../../hyIcon/index.js');
+
+const _sfc_main = {
+  __name: "arrayItem2",
+  props: {
+    model: {
+      type: Object,
+      default: () => ({})
+    },
+    column: {
+      type: Object,
+      default: () => ({})
+    },
+    rules: {
+      type: Object,
+      default: () => ({})
+    },
+    columnNum: {
+      type: Number,
+      default: 1
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String,
+      default: "default"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const arrayItemRef = vue.useTemplateRef("arrayItemRef");
+    const { removeResize } = useResizeObserver.useResizeObserver(arrayItemRef, () => {
+      if (arrayItemRef.value) {
+        clientHeight.value = arrayItemRef.value.clientHeight;
+      }
+    });
+    const clientHeight = vue.ref(0);
+    const bindValue = vue.computed({
+      get() {
+        const prop = props.column.field;
+        return form.getValueByProp(props.model, prop);
+      },
+      set(val) {
+        const prop = props.column.field;
+        form.setValueByProp(props.model, prop, val);
+      }
+    });
+    const containerStyle = vue.computed(() => {
+      const columnNum = is.isNumber(props.column.columnNum) && props.column.columnNum > 0 ? props.column.columnNum : is.isNumber(props.columnNum) && props.columnNum > 0 ? props.columnNum || 1 : 1;
+      return {
+        gridTemplateColumns: `repeat(${columnNum}, minmax(0, 1fr))`
+      };
+    });
+    function onAddItemHandler() {
+      if (!is.isArray(bindValue.value)) {
+        bindValue.value = [];
+      }
+      bindValue.value.push(useAppForm.resetAppFormValue(props.column.children));
+    }
+    function onDeleteItemHandler(index) {
+      bindValue.value.splice(index, 1);
+    }
+    vue.onBeforeUnmount(() => {
+      removeResize && removeResize();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          ref_key: "arrayItemRef",
+          ref: arrayItemRef
+        },
+        [
+          vue.createElementVNode(
+            "div",
+            {
+              class: "absolute w-full bg-background-2 left-0",
+              style: vue.normalizeStyle({ height: clientHeight.value ? `${clientHeight.value}px` : void 0 })
+            },
+            null,
+            4
+            /* STYLE */
+          ),
+          vue.createElementVNode("div", { class: "py-3" }, [
+            (vue.openBlock(true), vue.createElementBlock(
+              vue.Fragment,
+              null,
+              vue.renderList(bindValue.value, (item, index$1) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  key: index$1,
+                  class: "relative"
+                }, [
+                  vue.createElementVNode(
+                    "div",
+                    {
+                      class: "grid gap-x-6",
+                      style: vue.normalizeStyle(containerStyle.value)
+                    },
+                    [
+                      (vue.openBlock(true), vue.createElementBlock(
+                        vue.Fragment,
+                        null,
+                        vue.renderList(__props.column.children, (citem, cindex) => {
+                          return vue.openBlock(), vue.createBlock(formItem.default, {
+                            key: cindex,
+                            model: item,
+                            column: citem,
+                            rules: __props.rules,
+                            "parent-prop": __props.column.field,
+                            index: index$1,
+                            loading: __props.loading,
+                            size: __props.size,
+                            disabled: __props.disabled,
+                            readonly: __props.readonly,
+                            level: 3
+                          }, vue.createSlots({
+                            _: 2
+                            /* DYNAMIC */
+                          }, [
+                            vue.renderList(_ctx.$slots, (_, slotName) => {
+                              return {
+                                name: slotName,
+                                fn: vue.withCtx((scope) => [
+                                  vue.renderSlot(_ctx.$slots, slotName, vue.mergeProps({ ref_for: true }, scope))
+                                ])
+                              };
+                            })
+                          ]), 1032, ["model", "column", "rules", "parent-prop", "index", "loading", "size", "disabled", "readonly"]);
+                        }),
+                        128
+                        /* KEYED_FRAGMENT */
+                      ))
+                    ],
+                    4
+                    /* STYLE */
+                  ),
+                  vue.createElementVNode("div", {
+                    class: "w-[32px] h-[32px] flex items-center justify-center bg-[rgba(var(--hy-danger-2),0.2)] clickBox rounded absolute top-[32px] -right-2 transform translate-x-full",
+                    onClick: ($event) => onDeleteItemHandler(index$1)
+                  }, [
+                    vue.createVNode(vue.unref(index.HyIcon), {
+                      "svg-name": "ops-linear-delete",
+                      class: "!w-5 !h-5 text-danger-2"
+                    })
+                  ], 8, ["onClick"])
+                ]);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            )),
+            vue.createElementVNode("div", { class: "flex items-center" }, [
+              vue.createElementVNode("span", {
+                onClick: ($event) => onAddItemHandler(),
+                class: "flex items-center justify-center clickBox text-success text-xs"
+              }, [
+                vue.createVNode(vue.unref(index.HyIcon), {
+                  "svg-name": "ops-button-add",
+                  class: "!w-3 !h-3"
+                }),
+                vue.createElementVNode(
+                  "span",
+                  { style: { "margin-left": "6px" } },
+                  vue.toDisplayString(vue.unref(index$1.renderAddLabel)(props, __props.column)),
+                  1
+                  /* TEXT */
+                )
+              ], 8, ["onClick"])
+            ])
+          ])
+        ],
+        512
+        /* NEED_PATCH */
+      );
+    };
+  }
+};
+
+exports.default = _sfc_main;

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

@@ -8,8 +8,8 @@ var iconsVue = require('@element-plus/icons-vue');
 require('../../../hooks/index.js');
 require('../../../utils/index.js');
 var formItem = require('./formItem.vue.js');
-var useLocale = require('../../../hooks/useLocale.js');
 var is = require('../../../utils/is.js');
+var useLocale = require('../../../hooks/useLocale.js');
 
 const _sfc_main = {
   __name: "extraItem",
@@ -49,7 +49,6 @@ const _sfc_main = {
   },
   setup(__props) {
     const props = __props;
-    const { t } = useLocale.useLocale();
     const containerRef = vue.useTemplateRef("containerRef");
     const containerHeight = vue.ref(0);
     const isExpand = vue.ref(false);
@@ -92,7 +91,7 @@ const _sfc_main = {
             vue.createElementVNode(
               "span",
               { class: "ml-1.5" },
-              vue.toDisplayString(isExpandHover.value ? vue.unref(t)("form.additionalInformationHoverTip") : vue.unref(t)("form.additionalInformationTip")),
+              vue.toDisplayString(isExpandHover.value ? vue.unref(useLocale.$t)("form.additionalInformationHoverTip") : vue.unref(useLocale.$t)("form.additionalInformationTip")),
               1
               /* TEXT */
             )