element-ps 2.0.26 → 2.0.29

package/dist/index.full.js

@@ -2215,6 +2215,9 @@
   const isFunction = (val) => typeof val === "function";
   const isString = (val) => typeof val === "string";
   const isObject$1 = (val) => val !== null && typeof val === "object";
+  const isPromise = (val) => {
+    return isObject$1(val) && isFunction(val.then) && isFunction(val.catch);
+  };
   const objectToString = Object.prototype.toString;
   const toTypeString = (value) => objectToString.call(value);
   const toRawType = (value) => {
@@ -8122,7 +8125,6 @@
       });
       return (_ctx, _cache) => {
         const _component_ps_icon = vue.resolveComponent("ps-icon");
-        const _component_circle_close = vue.resolveComponent("circle-close");
         return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass([
             _ctx.type === "textarea" ? vue.unref(nsTextarea).b() : vue.unref(nsInput).b(),
@@ -8215,7 +8217,7 @@
                     class: vue.normalizeClass([vue.unref(nsInput).e("icon"), vue.unref(nsInput).e("clear")])
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createVNode(_component_circle_close)
+                      vue.createVNode(vue.unref(circleClose))
                     ]),
                     _: 1
                   }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
@@ -31856,8 +31858,38 @@
           panes.value = [];
         }
       };
+      const changeCurrentName = (value) => {
+        currentName.value = value;
+        emit(INPUT_EVENT, value);
+        emit(UPDATE_MODEL_EVENT, value);
+        emit("tab-change", value);
+      };
+      const setCurrentName = (value) => {
+        var _a;
+        if (currentName.value === value)
+          return;
+        const canLeave = (_a = props.beforeLeave) == null ? void 0 : _a.call(props, value, currentName.value);
+        if (isPromise(canLeave)) {
+          canLeave.then(() => {
+            var _a2, _b;
+            changeCurrentName(value);
+            (_b = (_a2 = nav$.value) == null ? void 0 : _a2.removeFocus) == null ? void 0 : _b.call(_a2);
+          }, NOOP);
+        } else if (canLeave !== false) {
+          changeCurrentName(value);
+        }
+      };
       vue.onUpdated(() => updatePaneInstances());
       vue.onMounted(() => updatePaneInstances());
+      vue.watch(() => props.activeName, (modelValue) => setCurrentName(modelValue));
+      vue.watch(() => props.modelValue, (modelValue) => setCurrentName(modelValue));
+      vue.watch(currentName, async () => {
+        var _a, _b;
+        updatePaneInstances(true);
+        await vue.nextTick();
+        await ((_a = nav$.value) == null ? void 0 : _a.$nextTick());
+        (_b = nav$.value) == null ? void 0 : _b.scrollToActiveTab();
+      });
       vue.provide(tabsRootContextKey, {
         props,
         currentName,
@@ -31969,6 +32001,18 @@
   });
   const PsTabPane = withNoopInstall(TabPane);
 
+  const _sfc_main$k = vue.defineComponent({
+    name: "PsText"
+  });
+  function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("span", null, [
+      vue.renderSlot(_ctx.$slots, "default")
+    ]);
+  }
+  var Text = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$9], ["__file", "text.vue"]]);
+
+  const PsText = withInstall(Text);
+
   dayjs.extend(customParseFormat);
   const { Option: PsOption } = PsSelect;
   const parseTime = (time) => {
@@ -32018,7 +32062,7 @@
     next.minutes = next.minutes % 60;
     return formatTime(next);
   };
-  const _sfc_main$k = vue.defineComponent({
+  const _sfc_main$j = vue.defineComponent({
     name: "PsTimeSelect",
     components: { PsSelect, PsOption, PsIcon },
     model: {
@@ -32137,7 +32181,7 @@
       };
     }
   });
-  function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_ps_option = vue.resolveComponent("ps-option");
     const _component_ps_icon = vue.resolveComponent("ps-icon");
     const _component_ps_select = vue.resolveComponent("ps-select");
@@ -32177,7 +32221,7 @@
       _: 1
     }, 8, ["model-value", "disabled", "clearable", "clear-icon", "size", "effect", "placeholder", "filterable"]);
   }
-  var TimeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$9], ["__file", "time-select.vue"]]);
+  var TimeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$8], ["__file", "time-select.vue"]]);
 
   TimeSelect.install = (app) => {
     app.component(TimeSelect.name, TimeSelect);
@@ -32236,7 +32280,7 @@
     }
   });
 
-  const _sfc_main$j = vue.defineComponent({
+  const _sfc_main$i = vue.defineComponent({
     name: "PsTimelineItem",
     components: {
       PsIcon
@@ -32249,7 +32293,7 @@
       };
     }
   });
-  function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_ps_icon = vue.resolveComponent("ps-icon");
     return vue.openBlock(), vue.createElementBlock("li", {
       class: vue.normalizeClass([_ctx.ns.b(), { [_ctx.ns.e("center")]: _ctx.center }])
@@ -32304,7 +32348,7 @@
       ], 2)
     ], 2);
   }
-  var TimelineItem = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$8], ["__file", "timeline-item.vue"]]);
+  var TimelineItem = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$7], ["__file", "timeline-item.vue"]]);
 
   const PsTimeline = withInstall(Timeline$1, {
     TimelineItem
@@ -32446,7 +32490,7 @@
   const __default__$8 = {
     name: "PsTooltipV2Root"
   };
-  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     ...__default__$8,
     props: tooltipV2RootProps,
     setup(__props, { expose }) {
@@ -32514,12 +32558,12 @@
       };
     }
   });
-  var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "root.vue"]]);
+  var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "root.vue"]]);
 
   const __default__$7 = {
     name: "PsTooltipV2Arrow"
   };
-  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     ...__default__$7,
     props: {
       ...tooltipV2ArrowProps,
@@ -32550,9 +32594,9 @@
       };
     }
   });
-  var TooltipV2Arrow = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "arrow.vue"]]);
+  var TooltipV2Arrow = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "arrow.vue"]]);
 
-  const _sfc_main$g = vue.defineComponent({
+  const _sfc_main$f = vue.defineComponent({
     name: "PsVisuallyHidden",
     props: {
       style: {
@@ -32581,18 +32625,18 @@
       };
     }
   });
-  function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps(_ctx.$attrs, { style: _ctx.computedStyle }), [
       vue.renderSlot(_ctx.$slots, "default")
     ], 16);
   }
-  var PsVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$7], ["__file", "visual-hidden.vue"]]);
+  var PsVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$6], ["__file", "visual-hidden.vue"]]);
 
   const _hoisted_1$5 = ["data-side"];
   const __default__$6 = {
     name: "PsTooltipV2Content"
   };
-  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     ...__default__$6,
     props: { ...tooltipV2ContentProps, ...tooltipV2CommonProps },
     setup(__props) {
@@ -32688,7 +32732,7 @@
       };
     }
   });
-  var TooltipV2Content = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "content.vue"]]);
+  var TooltipV2Content = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "content.vue"]]);
 
   const forwardRefProps = buildProps({
     setRef: {
@@ -32724,7 +32768,7 @@
   const __default__$5 = {
     name: "PsTooltipV2Trigger"
   };
-  const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     ...__default__$5,
     props: {
       ...tooltipV2CommonProps,
@@ -32802,12 +32846,12 @@
       };
     }
   });
-  var TooltipV2Trigger = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "trigger.vue"]]);
+  var TooltipV2Trigger = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "trigger.vue"]]);
 
   const __default__$4 = {
     name: "PsTooltipV2"
   };
-  const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     ...__default__$4,
     props: tooltipV2Props,
     setup(__props) {
@@ -32867,7 +32911,7 @@
       };
     }
   });
-  var TooltipV2 = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "tooltip.vue"]]);
+  var TooltipV2 = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "tooltip.vue"]]);
 
   const PsTooltipV2 = withInstall(TooltipV2);
 
@@ -32979,7 +33023,7 @@
     };
   };
 
-  const _sfc_main$c = vue.defineComponent({
+  const _sfc_main$b = vue.defineComponent({
     name: "PsTransferPanel",
     components: {
       PsCheckboxGroup: PsCheckboxGroup$1,
@@ -33033,7 +33077,7 @@
       };
     }
   });
-  function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_ps_checkbox = vue.resolveComponent("ps-checkbox");
     const _component_ps_input = vue.resolveComponent("ps-input");
     const _component_option_content = vue.resolveComponent("option-content");
@@ -33109,7 +33153,7 @@
       ], 2)) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var TransferPanel = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$6], ["__file", "transfer-panel.vue"]]);
+  var TransferPanel = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$5], ["__file", "transfer-panel.vue"]]);
 
   const useComputedData = (props) => {
     const propsKey = vue.computed(() => props.props.key);
@@ -33139,7 +33183,7 @@
     };
   };
 
-  const _sfc_main$b = vue.defineComponent({
+  const _sfc_main$a = vue.defineComponent({
     name: "PsTransfer",
     components: {
       TransferPanel,
@@ -33241,7 +33285,7 @@
   });
   const _hoisted_1$4 = { key: 0 };
   const _hoisted_2$1 = { key: 0 };
-  function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_transfer_panel = vue.resolveComponent("transfer-panel");
     const _component_arrow_left = vue.resolveComponent("arrow-left");
     const _component_ps_icon = vue.resolveComponent("ps-icon");
@@ -33322,7 +33366,7 @@
       }, 8, ["data", "option-render", "placeholder", "filterable", "format", "filter-method", "title", "default-checked", "props"])
     ], 2);
   }
-  var Transfer = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$5], ["__file", "index.vue"]]);
+  var Transfer = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$4], ["__file", "index.vue"]]);
 
   Transfer.install = (app) => {
     app.component(Transfer.name, Transfer);
@@ -34066,7 +34110,7 @@
     }
   }
 
-  const _sfc_main$a = vue.defineComponent({
+  const _sfc_main$9 = vue.defineComponent({
     name: "PsTreeNodeContent",
     props: {
       node: {
@@ -34086,7 +34130,7 @@
       };
     }
   });
-  var NodeContent = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "tree-node-content.vue"]]);
+  var NodeContent = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "tree-node-content.vue"]]);
 
   function useNodeExpandEventBroadcast(props) {
     const parentNodeMap = vue.inject("TreeNodeMap", null);
@@ -34256,7 +34300,7 @@
     };
   }
 
-  const _sfc_main$9 = vue.defineComponent({
+  const _sfc_main$8 = vue.defineComponent({
     name: "PsTreeNode",
     components: {
       PsCollapseTransition: _CollapseTransition,
@@ -34336,7 +34380,7 @@
   });
   const _hoisted_1$3 = ["aria-expanded", "aria-disabled", "aria-checked", "draggable", "data-key"];
   const _hoisted_2 = ["aria-expanded"];
-  function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_ps_icon = vue.resolveComponent("ps-icon");
     const _component_ps_checkbox = vue.resolveComponent("ps-checkbox");
     const _component_loading = vue.resolveComponent("loading");
@@ -34430,7 +34474,7 @@
       [vue.vShow, _ctx.node.visible]
     ]);
   }
-  var PsTreeNode$1 = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$4], ["__file", "tree-node.vue"]]);
+  var PsTreeNode$1 = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$3], ["__file", "tree-node.vue"]]);
 
   function useKeydown({ el$ }, store) {
     const ns = useNamespace("tree");
@@ -34513,7 +34557,7 @@
     };
   }
 
-  const _sfc_main$8 = vue.defineComponent({
+  const _sfc_main$7 = vue.defineComponent({
     name: "PsTree",
     components: { PsTreeNode: PsTreeNode$1 },
     props: {
@@ -34749,7 +34793,7 @@
       };
     }
   });
-  function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     var _a;
     const _component_ps_tree_node = vue.resolveComponent("ps-tree-node");
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -34790,7 +34834,7 @@
       ])
     ], 2);
   }
-  var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$3], ["__file", "tree.vue"]]);
+  var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$2], ["__file", "tree.vue"]]);
 
   Tree.install = (app) => {
     app.component(Tree.name, Tree);
@@ -34923,7 +34967,7 @@
     return Array.isArray(val) ? val : isValidValue(val) ? [val] : [];
   }
 
-  const _sfc_main$7 = vue.defineComponent({
+  const _sfc_main$6 = vue.defineComponent({
     name: "PsTreeSelect",
     inheritAttrs: false,
     props: {
@@ -34976,7 +35020,7 @@
       });
     }
   });
-  var TreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "tree-select.vue"]]);
+  var TreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "tree-select.vue"]]);
 
   TreeSelect.install = (app) => {
     app.component(TreeSelect.name, TreeSelect);
@@ -35629,7 +35673,7 @@
   });
 
   const DEFAULT_ICON = "caret-right";
-  const _sfc_main$6 = vue.defineComponent({
+  const _sfc_main$5 = vue.defineComponent({
     name: "PsTreeNode",
     components: {
       PsIcon,
@@ -35679,7 +35723,7 @@
     }
   });
   const _hoisted_1$2 = ["aria-expanded", "aria-disabled", "aria-checked", "data-key"];
-  function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     var _a, _b, _c;
     const _component_ps_icon = vue.resolveComponent("ps-icon");
     const _component_ps_checkbox = vue.resolveComponent("ps-checkbox");
@@ -35736,9 +35780,9 @@
       ], 6)
     ], 42, _hoisted_1$2);
   }
-  var PsTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$2], ["__file", "tree-node.vue"]]);
+  var PsTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$1], ["__file", "tree-node.vue"]]);
 
-  const _sfc_main$5 = vue.defineComponent({
+  const _sfc_main$4 = vue.defineComponent({
     name: "PsTreeV2",
     components: {
       PsTreeNode,
@@ -35811,7 +35855,7 @@
       };
     }
   });
-  function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     var _a;
     const _component_ps_tree_node = vue.resolveComponent("ps-tree-node");
     const _component_fixed_size_list = vue.resolveComponent("fixed-size-list");
@@ -35856,7 +35900,7 @@
       ], 2))
     ], 2);
   }
-  var TreeV2 = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$1], ["__file", "tree.vue"]]);
+  var TreeV2 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render], ["__file", "tree.vue"]]);
 
   const PsTreeV2 = withInstall(TreeV2);
 
@@ -36071,7 +36115,7 @@
   const __default__$3 = {
     name: "PsUploadList"
   };
-  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     ...__default__$3,
     props: uploadListProps,
     setup(__props) {
@@ -36212,7 +36256,7 @@
       };
     }
   });
-  var UploadList = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "upload-list.vue"]]);
+  var UploadList = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "upload-list.vue"]]);
 
   const uploadDraggerProps = buildProps({
     disabled: {
@@ -36227,7 +36271,7 @@
   const __default__$2 = {
     name: "PsUploadDrag"
   };
-  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     ...__default__$2,
     props: uploadDraggerProps,
     setup(__props) {
@@ -36247,7 +36291,7 @@
       };
     }
   });
-  var UploadDragger = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "upload-dragger.vue"]]);
+  var UploadDragger = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "upload-dragger.vue"]]);
 
   const uploadContentProps = buildProps({
     ...uploadBaseProps,
@@ -36266,7 +36310,7 @@
     name: "PsUploadContent",
     inheritAttrs: false
   };
-  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     ...__default__$1,
     props: uploadContentProps,
     setup(__props) {
@@ -36300,7 +36344,7 @@
       };
     }
   });
-  var UploadContent = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "upload-content.vue"]]);
+  var UploadContent = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "upload-content.vue"]]);
 
   const useHandlers = (props, uploadRef) => {
     const uploadFiles = vue.ref([]);
@@ -36312,7 +36356,7 @@
   const __default__ = {
     name: "PsUpload"
   };
-  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     ...__default__,
     props: uploadProps,
     setup(__props) {
@@ -36398,7 +36442,7 @@
       };
     }
   });
-  var Upload = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "upload.vue"]]);
+  var Upload = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "upload.vue"]]);
 
   const PsUpload = withInstall(Upload);
 
@@ -36484,6 +36528,7 @@
     PsTabs,
     PsTabPane,
     PsTag,
+    PsText,
     PsTimePicker,
     PsTimeSelect,
     PsTimeline,
@@ -36882,18 +36927,6 @@
 
   var installer = makeInstaller([...Components, ...Plugins]);
 
-  const _sfc_main = vue.defineComponent({
-    name: "PsText"
-  });
-  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("span", null, [
-      vue.renderSlot(_ctx.$slots, "default")
-    ]);
-  }
-  var Text = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "text.vue"]]);
-
-  const PsText = withInstall(Text);
-
   const install = installer.install;
   const version = installer.version;