hy-dispatch-ui-v3 0.1.6 → 0.2.0

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

@@ -51,10 +51,9 @@ const _sfc_main = {
       showClear.value = true;
     }
     function closePopover() {
-      var _a, _b, _c;
-      (_a = sortableInstance == null ? void 0 : sortableInstance.destroy) == null ? void 0 : _a.call(sortableInstance);
+      sortableInstance?.destroy?.();
       sortableInstance = null;
-      (_c = (_b = popoverRef.value) == null ? void 0 : _b.hide) == null ? void 0 : _c.call(_b);
+      popoverRef.value?.hide?.();
     }
     function initColumnsInfo(columns, columnsEditable) {
       const checkedArr = [];
@@ -99,12 +98,11 @@ const _sfc_main = {
       showClear.value = true;
     }
     function onConfirmHandler() {
-      var _a;
-      if (!checkedList.value.length && showColumnsLength.value === ((_a = tableEditableColumns.value) == null ? void 0 : _a.length)) {
+      if (!checkedList.value.length && showColumnsLength.value === tableEditableColumns.value?.length) {
         elementPlus.ElMessage.warning(t("table.theColumnsDisplayedInTheTableCannotBeLeftBlank"));
         return;
       }
-      if (checkedList.value.length >= 15) {
+      if (checkedList.value.length > 15) {
         elementPlus.ElMessage.warning(t("table.maxColumnLimitTip"));
         return;
       }
@@ -211,164 +209,161 @@ const _sfc_main = {
               )
             ])
           ]),
-          default: vue.withCtx(() => {
-            var _a, _b;
-            return [
-              vue.createElementVNode("div", { class: "column-select-draggable text-sm text-main" }, [
-                vue.createElementVNode("div", { class: "h-[38px] flex items-center justify-between pl-[15px] pr-2 border-b border-border" }, [
-                  vue.createElementVNode(
-                    "span",
-                    { class: "text-main font-bold" },
-                    vue.toDisplayString(vue.unref(t)("table.editColumn")),
-                    1
-                    /* TEXT */
-                  ),
-                  vue.createVNode(vue.unref(elementPlus.ElIcon), {
-                    class: "clickBox",
-                    color: "rgb(var(--hy-danger-2))",
-                    size: "18",
-                    onClick: closePopover
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(iconsVue.CircleClose))
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  })
-                ]),
-                vue.createElementVNode("div", { class: "h-[364px] px-4 pt-[11px] pb-1 overflow-y-auto" }, [
-                  vue.createVNode(vue.unref(elementPlus.ElCheckboxGroup), {
-                    modelValue: checkedList.value,
-                    "onUpdate:modelValue": ($event) => checkedList.value = $event
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", { class: "column-select-draggable text-sm text-main" }, [
+              vue.createElementVNode("div", { class: "h-[38px] flex items-center justify-between pl-[15px] pr-2 border-b border-border" }, [
+                vue.createElementVNode(
+                  "span",
+                  { class: "text-main font-bold" },
+                  vue.toDisplayString(vue.unref(t)("table.editColumn")),
+                  1
+                  /* TEXT */
+                ),
+                vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                  class: "clickBox",
+                  color: "rgb(var(--hy-danger-2))",
+                  size: "18",
+                  onClick: closePopover
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(iconsVue.CircleClose))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
+              vue.createElementVNode("div", { class: "h-[364px] px-4 pt-[11px] pb-1 overflow-y-auto" }, [
+                vue.createVNode(vue.unref(elementPlus.ElCheckboxGroup), {
+                  modelValue: checkedList.value,
+                  "onUpdate:modelValue": ($event) => checkedList.value = $event
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createElementVNode(
+                      "div",
+                      {
+                        class: vue.normalizeClass(["flex flex-col gap-1.5 leading-3 text-info", { "mb-1.5": tableEditableColumns.value.length > 0 }])
+                      },
+                      [
+                        vue.createCommentVNode(" \u4E0D\u53EF\u62D6\u62FD "),
+                        (vue.openBlock(true), vue.createElementBlock(
+                          vue.Fragment,
+                          null,
+                          vue.renderList(__props.columns, (item, index) => {
+                            return vue.openBlock(), vue.createElementBlock(
+                              vue.Fragment,
+                              { key: index },
+                              [
+                                !isFilterColumn(item) && item.editable.lock ? (vue.openBlock(), vue.createBlock(columnSelectItem_vue_vue_type_script_setup_true_lang.default, {
+                                  key: 0,
+                                  column: item,
+                                  checkMap: checkMap.value
+                                }, null, 8, ["column", "checkMap"])) : vue.createCommentVNode("v-if", true)
+                              ],
+                              64
+                              /* STABLE_FRAGMENT */
+                            );
+                          }),
+                          128
+                          /* KEYED_FRAGMENT */
+                        ))
+                      ],
+                      2
+                      /* CLASS */
+                    ),
+                    vue.createCommentVNode(" \u53EF\u62D6\u62FD "),
+                    vue.createElementVNode(
+                      "div",
+                      {
+                        ref_key: "listRef",
+                        ref: listRef,
+                        class: "flex flex-col gap-1.5 leading-3"
+                      },
+                      [
+                        (vue.openBlock(true), vue.createElementBlock(
+                          vue.Fragment,
+                          null,
+                          vue.renderList(tableEditableColumns.value, (item) => {
+                            return vue.openBlock(), vue.createBlock(columnSelectItem_vue_vue_type_script_setup_true_lang.default, {
+                              key: item.prop,
+                              column: item,
+                              checkMap: checkMap.value,
+                              columnsLength: tableEditableColumns.value.length,
+                              onChecked: onCheckedHandler
+                            }, null, 8, ["column", "checkMap", "columnsLength"]);
+                          }),
+                          128
+                          /* KEYED_FRAGMENT */
+                        ))
+                      ],
+                      512
+                      /* NEED_PATCH */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["modelValue", "onUpdate:modelValue"])
+              ]),
+              vue.createElementVNode("div", { class: "flex items-center pt-[5px] pb-4 pl-[14px] pr-3" }, [
+                vue.createElementVNode(
+                  "span",
+                  null,
+                  vue.toDisplayString(vue.unref(t)("table.haveBeenSelected", [checkedList.value?.length || 0])),
+                  1
+                  /* TEXT */
+                ),
+                showClear.value ? (vue.openBlock(), vue.createElementBlock(
+                  "span",
+                  {
+                    key: 0,
+                    class: "clickBox text-danger-2 ml-3",
+                    onClick: onClearHandler
+                  },
+                  vue.toDisplayString(vue.unref(t)("table.clear")),
+                  1
+                  /* TEXT */
+                )) : vue.createCommentVNode("v-if", true),
+                vue.createElementVNode("div", { class: "flex items-center ml-auto" }, [
+                  checkedList.value?.length >= 8 ? (vue.openBlock(), vue.createElementBlock("span", {
+                    key: 0,
+                    class: "flex items-center mr-2 text-auxiliary"
+                  }, [
+                    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.createElementVNode(
+                      "span",
+                      null,
+                      vue.toDisplayString(vue.unref(t)("table.tooManyFieldsWillAffectReadability")),
+                      1
+                      /* TEXT */
+                    )
+                  ])) : vue.createCommentVNode("v-if", true),
+                  vue.createVNode(vue.unref(index.AppButton), {
+                    type: "primary",
+                    size: "small",
+                    onClick: onConfirmHandler
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createElementVNode(
-                        "div",
-                        {
-                          class: vue.normalizeClass(["flex flex-col gap-1.5 leading-3 text-info", { "mb-1.5": tableEditableColumns.value.length > 0 }])
-                        },
-                        [
-                          vue.createCommentVNode(" \u4E0D\u53EF\u62D6\u62FD "),
-                          (vue.openBlock(true), vue.createElementBlock(
-                            vue.Fragment,
-                            null,
-                            vue.renderList(__props.columns, (item, index) => {
-                              return vue.openBlock(), vue.createElementBlock(
-                                vue.Fragment,
-                                { key: index },
-                                [
-                                  !isFilterColumn(item) && item.editable.lock ? (vue.openBlock(), vue.createBlock(columnSelectItem_vue_vue_type_script_setup_true_lang.default, {
-                                    key: 0,
-                                    column: item,
-                                    checkMap: checkMap.value
-                                  }, null, 8, ["column", "checkMap"])) : vue.createCommentVNode("v-if", true)
-                                ],
-                                64
-                                /* STABLE_FRAGMENT */
-                              );
-                            }),
-                            128
-                            /* KEYED_FRAGMENT */
-                          ))
-                        ],
-                        2
-                        /* CLASS */
-                      ),
-                      vue.createCommentVNode(" \u53EF\u62D6\u62FD "),
-                      vue.createElementVNode(
-                        "div",
-                        {
-                          ref_key: "listRef",
-                          ref: listRef,
-                          class: "flex flex-col gap-1.5 leading-3"
-                        },
-                        [
-                          (vue.openBlock(true), vue.createElementBlock(
-                            vue.Fragment,
-                            null,
-                            vue.renderList(tableEditableColumns.value, (item) => {
-                              return vue.openBlock(), vue.createBlock(columnSelectItem_vue_vue_type_script_setup_true_lang.default, {
-                                key: item.prop,
-                                column: item,
-                                checkMap: checkMap.value,
-                                columnsLength: tableEditableColumns.value.length,
-                                onChecked: onCheckedHandler
-                              }, null, 8, ["column", "checkMap", "columnsLength"]);
-                            }),
-                            128
-                            /* KEYED_FRAGMENT */
-                          ))
-                        ],
-                        512
-                        /* NEED_PATCH */
+                      vue.createTextVNode(
+                        vue.toDisplayString(vue.unref(t)("hy.confirm")),
+                        1
+                        /* TEXT */
                       )
                     ]),
                     _: 1
                     /* STABLE */
-                  }, 8, ["modelValue", "onUpdate:modelValue"])
-                ]),
-                vue.createElementVNode("div", { class: "flex items-center pt-[5px] pb-4 pl-[14px] pr-3" }, [
-                  vue.createElementVNode(
-                    "span",
-                    null,
-                    vue.toDisplayString(vue.unref(t)("table.haveBeenSelected", [((_a = checkedList.value) == null ? void 0 : _a.length) || 0])),
-                    1
-                    /* TEXT */
-                  ),
-                  showClear.value ? (vue.openBlock(), vue.createElementBlock(
-                    "span",
-                    {
-                      key: 0,
-                      class: "clickBox text-danger-2 ml-3",
-                      onClick: onClearHandler
-                    },
-                    vue.toDisplayString(vue.unref(t)("table.clear")),
-                    1
-                    /* TEXT */
-                  )) : vue.createCommentVNode("v-if", true),
-                  vue.createElementVNode("div", { class: "flex items-center ml-auto" }, [
-                    ((_b = checkedList.value) == null ? void 0 : _b.length) >= 8 ? (vue.openBlock(), vue.createElementBlock("span", {
-                      key: 0,
-                      class: "flex items-center mr-2 text-auxiliary"
-                    }, [
-                      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.createElementVNode(
-                        "span",
-                        null,
-                        vue.toDisplayString(vue.unref(t)("table.tooManyFieldsWillAffectReadability")),
-                        1
-                        /* TEXT */
-                      )
-                    ])) : vue.createCommentVNode("v-if", true),
-                    vue.createVNode(vue.unref(index.AppButton), {
-                      type: "primary",
-                      size: "small",
-                      onClick: onConfirmHandler
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createTextVNode(
-                          vue.toDisplayString(vue.unref(t)("hy.confirm")),
-                          1
-                          /* TEXT */
-                        )
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    })
-                  ])
+                  })
                 ])
               ])
-            ];
-          }),
+            ])
+          ]),
           _: 1
           /* STABLE */
         },

package/lib/components/appTable/cpns/columnSelectItem.vue2.js

@@ -5,7 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var elementPlus = require('element-plus');
 var iconsVue = require('@element-plus/icons-vue');
-var index = require('../../appTooltip/index.js');
+var index = require('../js/index.js');
+var index$1 = require('../../appTooltip/index.js');
 var useLocale = require('../../../hooks/useLocale.js');
 
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -33,7 +34,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emits("checked", column);
     }
     return (_ctx, _cache) => {
-      var _a;
       return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElPopover), {
         trigger: "hover",
         placement: "right-end",
@@ -41,126 +41,120 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         effect: "dark",
         width: "268",
         "show-arrow": false,
-        disabled: !__props.column.editable.desc && !((_a = __props.column.editable.examples) == null ? void 0 : _a.length)
+        disabled: !__props.column.editable.desc && !__props.column.editable.examples?.length
       }, {
-        reference: vue.withCtx(() => {
-          var _a2;
-          return [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass(["h-[36px] text-sm flex items-center pl-3 pr-2.5 bg-background-2 hover:bg-background-3", [((_a2 = __props.column.editable) == null ? void 0 : _a2.lock) ? "cursor-default" : "cursor-pointer"]]),
-              onClick: ($event) => onClickHandler(__props.column)
+        reference: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(["h-[36px] text-sm flex items-center pl-3 pr-2.5 bg-background-2 hover:bg-background-3", [__props.column.editable?.lock ? "cursor-default" : "cursor-pointer"]]),
+            onClick: ($event) => onClickHandler(__props.column)
+          }, [
+            __props.column.editable.lock ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
+              key: 0,
+              size: "14",
+              color: "rgb(var(--hy-info))",
+              class: "mr-2"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(iconsVue.Lock))
+              ]),
+              _: 1
+              /* STABLE */
+            })) : (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElCheckbox), {
+              key: 1,
+              value: __props.column.prop,
+              onClick: vue.withModifiers(() => {
+              }, ["stop"])
+            }, null, 8, ["value", "onClick"])),
+            vue.createElementVNode("div", { class: "w-0 flex-1" }, [
+              vue.createVNode(vue.unref(index$1.AppTooltip), {
+                "over-line": 1,
+                content: vue.unref(index.renderHeaderHandler)(__props.column)
+              }, null, 8, ["content"])
+            ]),
+            !__props.column.editable.lock ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 2,
+              class: "h-full flex items-center text-auxiliary select-none ml-1"
             }, [
-              __props.column.editable.lock ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
-                key: 0,
-                size: "14",
-                color: "rgb(var(--hy-info))",
-                class: "mr-2"
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(iconsVue.Lock))
-                ]),
-                _: 1
-                /* STABLE */
-              })) : (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElCheckbox), {
-                key: 1,
-                value: __props.column.prop,
+              __props.checkMap.has(__props.column.prop) ? (vue.openBlock(), vue.createElementBlock(
+                "span",
+                { key: 0 },
+                vue.toDisplayString(vue.unref(t)("table.show")),
+                1
+                /* TEXT */
+              )) : (vue.openBlock(), vue.createElementBlock(
+                "span",
+                {
+                  key: 1,
+                  class: "text-info"
+                },
+                vue.toDisplayString(vue.unref(t)("table.notShown")),
+                1
+                /* TEXT */
+              )),
+              __props.columnsLength > 1 ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 2,
+                class: "w-5 h-full flex items-center justify-center handle cursor-grab ml-3",
                 onClick: vue.withModifiers(() => {
                 }, ["stop"])
-              }, null, 8, ["value", "onClick"])),
-              vue.createElementVNode("div", { class: "w-0 flex-1" }, [
-                vue.createVNode(vue.unref(index.AppTooltip), {
-                  "over-line": 1,
-                  content: __props.column.label
-                }, null, 8, ["content"])
-              ]),
-              !__props.column.editable.lock ? (vue.openBlock(), vue.createElementBlock("div", {
-                key: 2,
-                class: "h-full flex items-center text-auxiliary select-none ml-1"
               }, [
-                __props.checkMap.has(__props.column.prop) ? (vue.openBlock(), vue.createElementBlock(
-                  "span",
-                  { key: 0 },
-                  vue.toDisplayString(vue.unref(t)("table.show")),
-                  1
-                  /* TEXT */
-                )) : (vue.openBlock(), vue.createElementBlock(
-                  "span",
-                  {
-                    key: 1,
-                    class: "text-info"
-                  },
-                  vue.toDisplayString(vue.unref(t)("table.notShown")),
-                  1
-                  /* TEXT */
-                )),
-                __props.columnsLength > 1 ? (vue.openBlock(), vue.createElementBlock("div", {
-                  key: 2,
-                  class: "w-5 h-full flex items-center justify-center handle cursor-grab ml-3",
-                  onClick: vue.withModifiers(() => {
-                  }, ["stop"])
-                }, [
-                  vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(iconsVue.DCaret))
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  })
-                ], 8, ["onClick"])) : vue.createCommentVNode("v-if", true)
-              ])) : vue.createCommentVNode("v-if", true)
-            ], 10, ["onClick"])
-          ];
-        }),
-        default: vue.withCtx(() => {
-          var _a2;
-          return [
-            vue.createElementVNode(
+                vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(iconsVue.DCaret))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ], 8, ["onClick"])) : vue.createCommentVNode("v-if", true)
+            ])) : vue.createCommentVNode("v-if", true)
+          ], 10, ["onClick"])
+        ]),
+        default: vue.withCtx(() => [
+          vue.createElementVNode(
+            "div",
+            { class: "h-[45px] px-[14px] flex items-center text-main text-sm font-bold border-b border-border" },
+            vue.toDisplayString(vue.unref(index.renderHeaderHandler)(__props.column)),
+            1
+            /* TEXT */
+          ),
+          vue.createElementVNode("div", { class: "flex flex-col gap-3 px-4 pt-2.5 pb-4 text-main text-xs" }, [
+            __props.column.editable.desc ? (vue.openBlock(), vue.createElementBlock(
               "div",
-              { class: "h-[45px] px-[14px] flex items-center text-main text-sm font-bold border-b border-border" },
-              vue.toDisplayString(__props.column.label),
+              { key: 0 },
+              vue.toDisplayString(__props.column.editable.desc),
               1
               /* TEXT */
-            ),
-            vue.createElementVNode("div", { class: "flex flex-col gap-3 px-4 pt-2.5 pb-4 text-main text-xs" }, [
-              __props.column.editable.desc ? (vue.openBlock(), vue.createElementBlock(
+            )) : vue.createCommentVNode("v-if", true),
+            __props.column.editable.examples?.length ? (vue.openBlock(), vue.createElementBlock("div", { key: 1 }, [
+              vue.createElementVNode(
                 "div",
-                { key: 0 },
-                vue.toDisplayString(__props.column.editable.desc),
+                { class: "text-auxiliary mb-1.5" },
+                vue.toDisplayString(vue.unref(t)("table.example")),
                 1
                 /* TEXT */
-              )) : vue.createCommentVNode("v-if", true),
-              ((_a2 = __props.column.editable.examples) == null ? void 0 : _a2.length) ? (vue.openBlock(), vue.createElementBlock("div", { key: 1 }, [
-                vue.createElementVNode(
-                  "div",
-                  { class: "text-auxiliary mb-1.5" },
-                  vue.toDisplayString(vue.unref(t)("table.example")),
-                  1
-                  /* TEXT */
-                ),
-                vue.createElementVNode("div", { class: "flex flex-wrap gap-2" }, [
-                  (vue.openBlock(true), vue.createElementBlock(
-                    vue.Fragment,
-                    null,
-                    vue.renderList(__props.column.editable.examples, (item, index) => {
-                      return vue.openBlock(), vue.createElementBlock(
-                        "div",
-                        {
-                          key: index,
-                          class: "leading-5 bg-background-2 px-1.5 rounded-[2px]"
-                        },
-                        vue.toDisplayString(item),
-                        1
-                        /* TEXT */
-                      );
-                    }),
-                    128
-                    /* KEYED_FRAGMENT */
-                  ))
-                ])
-              ])) : vue.createCommentVNode("v-if", true)
-            ])
-          ];
-        }),
+              ),
+              vue.createElementVNode("div", { class: "flex flex-wrap gap-2" }, [
+                (vue.openBlock(true), vue.createElementBlock(
+                  vue.Fragment,
+                  null,
+                  vue.renderList(__props.column.editable.examples, (item, index) => {
+                    return vue.openBlock(), vue.createElementBlock(
+                      "div",
+                      {
+                        key: index,
+                        class: "leading-5 bg-background-2 px-1.5 rounded-[2px]"
+                      },
+                      vue.toDisplayString(item),
+                      1
+                      /* TEXT */
+                    );
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ])
+            ])) : vue.createCommentVNode("v-if", true)
+          ])
+        ]),
         _: 1
         /* STABLE */
       }, 8, ["disabled"]);