3h1-ui 3.0.0-next.50 → 3.0.0-next.52

package/es/index.js

@@ -1,5 +1,5 @@
-import { h, nextTick, createVNode, defineComponent, ref, computed, unref, watchEffect, watch, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createSlots, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, onMounted, normalizeClass, createCommentVNode, normalizeStyle as normalizeStyle$1, Transition, toHandlers, useSlots, withDirectives, vShow, getCurrentInstance, inject, onUnmounted, provide, onBeforeUnmount, resolveDynamicComponent, reactive, toRef, toRefs, TransitionGroup, getCurrentScope, onScopeDispose, defineAsyncComponent, isRef, toRaw, shallowRef, isVNode, readonly, useAttrs as useAttrs$2, shallowReactive, withKeys, withModifiers, render as render$1, resolveDirective, pushScopeId, popScopeId, useCssVars, triggerRef, Comment, Text } from "vue";
-import { Radio, Select, Tree, TreeSelect, Cascader, Transfer, Input, Tooltip, Skeleton, Popover, Pagination as Pagination$1, Empty as Empty$3, Button as Button$1, Table as Table$2, FormItem, DatePicker as DatePicker$1, InputNumber, Modal as Modal$3, ConfigProvider, Popconfirm, Menu, Dropdown, Divider as Divider$2, Image, Progress, Tag, Alert, Upload, Space, AutoComplete, Switch, Checkbox, Slider, Rate, TimePicker as TimePicker$1, Col, Form, Row, MenuItem, MenuDivider, Spin, PageHeader, CheckboxGroup, TableSummaryRow, TableSummaryCell, TableSummary, Badge, FormItemRest, Drawer, Avatar, Descriptions, DescriptionsItem, theme, Breadcrumb, Timeline, TimelineItem } from "ant-design-vue";
+import { h, nextTick, createVNode, defineComponent, ref, computed, unref, watchEffect, watch, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createSlots, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, onMounted, normalizeClass, createCommentVNode, normalizeStyle as normalizeStyle$1, Transition, toHandlers, useSlots, withDirectives, vShow, getCurrentInstance, inject, onUnmounted, provide, onBeforeUnmount, resolveDynamicComponent, reactive, toRef, toRefs, TransitionGroup, getCurrentScope, onScopeDispose, defineAsyncComponent, isRef, toRaw, shallowRef, isVNode, readonly, useAttrs as useAttrs$2, shallowReactive, withKeys, render as render$1, resolveDirective, pushScopeId, popScopeId, useCssVars, triggerRef, Comment, Text, withModifiers } from "vue";
+import { Radio, Select, Tree, TreeSelect, Cascader, Transfer, Input, Tooltip, Skeleton, Popover, Pagination as Pagination$1, Empty as Empty$3, Button as Button$1, Table as Table$2, FormItem, DatePicker as DatePicker$1, InputNumber, Modal as Modal$3, ConfigProvider, Popconfirm, Menu, Dropdown, Divider as Divider$2, Image, Progress, Tag, Alert, Upload, Space, AutoComplete, Switch, Checkbox, Slider, Rate, TimePicker as TimePicker$1, Col, Form, Row, Spin, PageHeader, CheckboxGroup, TableSummaryRow, TableSummaryCell, TableSummary, Badge, FormItemRest, Drawer, Avatar, Descriptions, DescriptionsItem, theme, Breadcrumb, Timeline, TimelineItem } from "ant-design-vue";
 import { isFunction as isFunction$4, isString as isString$4, isArray as isArray$4, getSlot as getSlot$1, addClass as addClass$1, removeClass as removeClass$1, getPopupContainer as getPopupContainer$1, triggerWindowResize, off, on, addResizeListener, removeResizeListener, buildUUID, extendSlots as extendSlots$1, withInstall as withInstall$8, isBoolean as isBoolean$1, isNumber as isNumber$2, isDef as isDef$1, warn as warn$1, downloadByUrl, isObject as isObject$4, isNull, dateUtil, isNullOrUnDef, error as error$1, deepMerge as deepMerge$1, getDynamicProps, buildProps, createBEM, forEach as forEach$1, isClient as isClient$1, filter, treeToList, eachTree, isEmpty, isServer, formatToDate, isMap as isMap$2, findNodeAll, getViewportOffset, isNullAndUnDef, dataURLtoBlob, deepMergeObjects } from "@shy-plugins/utils";
 import { useAttrs as useAttrs$1, useRuleFormItem, useDesign as useDesign$1, useTimeoutFn as useTimeoutFn$2, useScrollTo as useScrollTo$1, useIntersectionObserver, useCopyToClipboard, useMessage, usePagination as usePagination$3, useI18n as useI18n$1, useSortable, createContext as createContext$1, useContext as useContext$2, useBreakpoint, useContentHeight, useWindowSizeFn as useWindowSizeFn$1, onMountedOrActivated, useEventListener as useEventListener$1 } from "@shy-plugins/use";
 import { zxcvbn } from "@zxcvbn-ts/core";
@@ -14359,7 +14359,8 @@ const treeEmits = [
   "update:value",
   "change",
   "check",
-  "update:searchValue"
+  "update:searchValue",
+  "plus-click"
 ];
 const treeProps = buildProps({
   value: {
@@ -14491,7 +14492,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
       default: void 0
     }
   },
-  emits: ["strictly-change", "search"],
+  emits: ["strictly-change", "search", "plus-click"],
   setup(__props, { emit: __emit }) {
     const searchValue = ref("");
     const [bem] = createBEM("tree-header");
@@ -14502,7 +14503,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     const getInputSearchCls = computed(() => {
       return ["mr-1", "w-full"];
     });
-    const toolbarList = computed(() => {
+    computed(() => {
       const { checkable } = props2;
       const defaultToolbarList = [
         { label: t2("component.tree.expandAll"), value: ToolbarEnum.EXPAND_ALL },
@@ -14515,28 +14516,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
       return defaultToolbarList;
     });
     function handleMenuClick(e) {
-      var _a2, _b, _c, _d;
-      const { key: key2 } = e;
-      switch (key2) {
-        case ToolbarEnum.SELECT_ALL:
-          (_a2 = props2.checkAll) == null ? void 0 : _a2.call(props2, true);
-          break;
-        case ToolbarEnum.UN_SELECT_ALL:
-          (_b = props2.checkAll) == null ? void 0 : _b.call(props2, false);
-          break;
-        case ToolbarEnum.EXPAND_ALL:
-          (_c = props2.expandAll) == null ? void 0 : _c.call(props2, true);
-          break;
-        case ToolbarEnum.UN_EXPAND_ALL:
-          (_d = props2.expandAll) == null ? void 0 : _d.call(props2, false);
-          break;
-        case ToolbarEnum.CHECK_STRICTLY:
-          emit("strictly-change", false);
-          break;
-        case ToolbarEnum.CHECK_UN_STRICTLY:
-          emit("strictly-change", true);
-          break;
-      }
+      emit("plus-click");
     }
     function emitChange(value) {
       emit("search", value);
@@ -14571,41 +14551,14 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["helpMessage"])) : createCommentVNode("", true),
-          _ctx.toolbar ? (openBlock(), createBlock(unref(Dropdown), {
-            key: 1,
-            onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-            }, ["prevent"]))
-          }, {
-            overlay: withCtx(() => [
-              createVNode(unref(Menu), { onClick: handleMenuClick }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(toolbarList.value, (item) => {
-                    return openBlock(), createElementBlock(Fragment, {
-                      key: item.value
-                    }, [
-                      createVNode(unref(MenuItem), normalizeProps(guardReactiveProps({ key: item.value })), {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(item.label), 1)
-                        ]),
-                        _: 2
-                      }, 1040),
-                      item.divider ? (openBlock(), createBlock(unref(MenuDivider), { key: 0 })) : createCommentVNode("", true)
-                    ], 64);
-                  }), 128))
-                ]),
-                _: 1
-              })
-            ]),
-            default: withCtx(() => [
-              createVNode(unref(Icon2), {
-                icon: "ant-design:plus-square-outlined",
-                style: {
-                  color: "#2da44e"
-                }
-              })
-            ]),
-            _: 1
-          })) : createCommentVNode("", true)
+          createVNode(unref(Icon2), {
+            icon: "ant-design:plus-square-outlined",
+            style: {
+              color: "#2da44e"
+            },
+            class: "cursor-pointer",
+            onClick: handleMenuClick
+          })
         ]),
         _ctx.search || _ctx.toolbar ? (openBlock(), createElementBlock("div", _hoisted_2$b, [
           _ctx.search ? (openBlock(), createElementBlock("div", {
@@ -14616,7 +14569,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
               placeholder: unref(t2)("common.searchText"),
               allowClear: "",
               value: searchValue.value,
-              "onUpdate:value": _cache[1] || (_cache[1] = ($event) => searchValue.value = $event)
+              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => searchValue.value = $event)
             }, null, 8, ["placeholder", "value"])
           ], 2)) : createCommentVNode("", true)
         ])) : createCommentVNode("", true)
@@ -14624,8 +14577,8 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TreeHeader_vue_vue_type_style_index_0_scoped_14537c01_lang = "";
-const TreeHeader = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-14537c01"]]);
+const TreeHeader_vue_vue_type_style_index_0_scoped_d8be8a1f_lang = "";
+const TreeHeader = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-d8be8a1f"]]);
 process.env.NODE_ENV !== "production" ? Object.freeze({}) : {};
 process.env.NODE_ENV !== "production" ? Object.freeze([]) : [];
 const isString$1 = (val) => typeof val === "string";
@@ -15398,6 +15351,9 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
       });
       return data;
     });
+    function handlePlusClick() {
+      emit("plus-click");
+    }
     expose(instance);
     return () => {
       let _slot;
@@ -15424,7 +15380,8 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
         "helpMessage": helpMessage,
         "onStrictlyChange": onStrictlyChange,
         "onSearch": handleSearch,
-        "searchText": searchState.searchText
+        "searchText": searchState.searchText,
+        "onPlusClick": handlePlusClick
       }, _isSlot$4(_slot = extendSlots$1(slots)) ? _slot : {
         default: () => [_slot]
       }), createVNode(Spin, {

package/es/style.css

@@ -2045,7 +2045,7 @@ span.iconify {
 }
 .table-children-err-popover .ant-popover-inner-content {
   padding: 6px 16px;
-}.shy-search[data-v-14537c01] {
+}.shy-search[data-v-d8be8a1f] {
   position: relative;
   display: flex;
   align-items: center;

package/lib/index.js

@@ -14383,7 +14383,8 @@ const treeEmits = [
   "update:value",
   "change",
   "check",
-  "update:searchValue"
+  "update:searchValue",
+  "plus-click"
 ];
 const treeProps = utils.buildProps({
   value: {
@@ -14515,7 +14516,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
       default: void 0
     }
   },
-  emits: ["strictly-change", "search"],
+  emits: ["strictly-change", "search", "plus-click"],
   setup(__props, { emit: __emit }) {
     const searchValue = vue.ref("");
     const [bem] = utils.createBEM("tree-header");
@@ -14526,7 +14527,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
     const getInputSearchCls = vue.computed(() => {
       return ["mr-1", "w-full"];
     });
-    const toolbarList = vue.computed(() => {
+    vue.computed(() => {
       const { checkable } = props2;
       const defaultToolbarList = [
         { label: t2("component.tree.expandAll"), value: ToolbarEnum.EXPAND_ALL },
@@ -14539,28 +14540,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
       return defaultToolbarList;
     });
     function handleMenuClick(e) {
-      var _a2, _b, _c, _d;
-      const { key: key2 } = e;
-      switch (key2) {
-        case ToolbarEnum.SELECT_ALL:
-          (_a2 = props2.checkAll) == null ? void 0 : _a2.call(props2, true);
-          break;
-        case ToolbarEnum.UN_SELECT_ALL:
-          (_b = props2.checkAll) == null ? void 0 : _b.call(props2, false);
-          break;
-        case ToolbarEnum.EXPAND_ALL:
-          (_c = props2.expandAll) == null ? void 0 : _c.call(props2, true);
-          break;
-        case ToolbarEnum.UN_EXPAND_ALL:
-          (_d = props2.expandAll) == null ? void 0 : _d.call(props2, false);
-          break;
-        case ToolbarEnum.CHECK_STRICTLY:
-          emit("strictly-change", false);
-          break;
-        case ToolbarEnum.CHECK_UN_STRICTLY:
-          emit("strictly-change", true);
-          break;
-      }
+      emit("plus-click");
     }
     function emitChange(value) {
       emit("search", value);
@@ -14595,41 +14575,14 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
             ]),
             _: 1
           }, 8, ["helpMessage"])) : vue.createCommentVNode("", true),
-          _ctx.toolbar ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Dropdown), {
-            key: 1,
-            onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
-            }, ["prevent"]))
-          }, {
-            overlay: vue.withCtx(() => [
-              vue.createVNode(vue.unref(antDesignVue.Menu), { onClick: handleMenuClick }, {
-                default: vue.withCtx(() => [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(toolbarList.value, (item) => {
-                    return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-                      key: item.value
-                    }, [
-                      vue.createVNode(vue.unref(antDesignVue.MenuItem), vue.normalizeProps(vue.guardReactiveProps({ key: item.value })), {
-                        default: vue.withCtx(() => [
-                          vue.createTextVNode(vue.toDisplayString(item.label), 1)
-                        ]),
-                        _: 2
-                      }, 1040),
-                      item.divider ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.MenuDivider), { key: 0 })) : vue.createCommentVNode("", true)
-                    ], 64);
-                  }), 128))
-                ]),
-                _: 1
-              })
-            ]),
-            default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(Icon2), {
-                icon: "ant-design:plus-square-outlined",
-                style: {
-                  color: "#2da44e"
-                }
-              })
-            ]),
-            _: 1
-          })) : vue.createCommentVNode("", true)
+          vue.createVNode(vue.unref(Icon2), {
+            icon: "ant-design:plus-square-outlined",
+            style: {
+              color: "#2da44e"
+            },
+            class: "cursor-pointer",
+            onClick: handleMenuClick
+          })
         ]),
         _ctx.search || _ctx.toolbar ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$b, [
           _ctx.search ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -14640,7 +14593,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
               placeholder: vue.unref(t2)("common.searchText"),
               allowClear: "",
               value: searchValue.value,
-              "onUpdate:value": _cache[1] || (_cache[1] = ($event) => searchValue.value = $event)
+              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => searchValue.value = $event)
             }, null, 8, ["placeholder", "value"])
           ], 2)) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true)
@@ -14648,8 +14601,8 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TreeHeader_vue_vue_type_style_index_0_scoped_14537c01_lang = "";
-const TreeHeader = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-14537c01"]]);
+const TreeHeader_vue_vue_type_style_index_0_scoped_d8be8a1f_lang = "";
+const TreeHeader = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-d8be8a1f"]]);
 process.env.NODE_ENV !== "production" ? Object.freeze({}) : {};
 process.env.NODE_ENV !== "production" ? Object.freeze([]) : [];
 const isString$1 = (val) => typeof val === "string";
@@ -15422,6 +15375,9 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
       });
       return data;
     });
+    function handlePlusClick() {
+      emit("plus-click");
+    }
     expose(instance);
     return () => {
       let _slot;
@@ -15448,7 +15404,8 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
         "helpMessage": helpMessage,
         "onStrictlyChange": onStrictlyChange,
         "onSearch": handleSearch,
-        "searchText": searchState.searchText
+        "searchText": searchState.searchText,
+        "onPlusClick": handlePlusClick
       }, _isSlot$4(_slot = utils.extendSlots(slots)) ? _slot : {
         default: () => [_slot]
       }), vue.createVNode(antDesignVue.Spin, {

package/lib/style.css

@@ -2045,7 +2045,7 @@ span.iconify {
 }
 .table-children-err-popover .ant-popover-inner-content {
   padding: 6px 16px;
-}.shy-search[data-v-14537c01] {
+}.shy-search[data-v-d8be8a1f] {
   position: relative;
   display: flex;
   align-items: center;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "3h1-ui",
-  "version": "3.0.0-next.50",
+  "version": "3.0.0-next.52",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -30,8 +30,8 @@
     "vxe-table": "^4.3.6",
     "xe-utils": "^3.5.7",
     "@shy-plugins/tinymce": "^1.0.6",
-    "@shy-plugins/use": "1.0.0-next.1",
-    "@shy-plugins/utils": "1.0.0-next.1"
+    "@shy-plugins/utils": "1.0.0-next.1",
+    "@shy-plugins/use": "1.0.0-next.1"
   },
   "types": "es/ui/index.d.ts",
   "devDependencies": {