vant 4.0.11 → 4.1.0

package/lib/index.d.ts

@@ -88,6 +88,7 @@ export * from "./tabbar";
 export * from "./tabbar-item";
 export * from "./tabs";
 export * from "./tag";
+export * from "./text-ellipsis";
 export * from "./time-picker";
 export * from "./toast";
 export * from "./tree-select";
@@ -98,4 +99,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.0.11";
+export const version: "4.1.0";

package/lib/index.js

@@ -112,6 +112,7 @@ var import_tabbar = require("./tabbar");
 var import_tabbar_item = require("./tabbar-item");
 var import_tabs = require("./tabs");
 var import_tag = require("./tag");
+var import_text_ellipsis = require("./text-ellipsis");
 var import_time_picker = require("./time-picker");
 var import_toast = require("./toast");
 var import_tree_select = require("./tree-select");
@@ -206,11 +207,12 @@ __reExport(stdin_exports, require("./tabbar"), module.exports);
 __reExport(stdin_exports, require("./tabbar-item"), module.exports);
 __reExport(stdin_exports, require("./tabs"), module.exports);
 __reExport(stdin_exports, require("./tag"), module.exports);
+__reExport(stdin_exports, require("./text-ellipsis"), module.exports);
 __reExport(stdin_exports, require("./time-picker"), module.exports);
 __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./tree-select"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
-const version = "4.0.11";
+const version = "4.1.0";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,
@@ -302,6 +304,7 @@ function install(app) {
     import_tabbar_item.TabbarItem,
     import_tabs.Tabs,
     import_tag.Tag,
+    import_text_ellipsis.TextEllipsis,
     import_time_picker.TimePicker,
     import_toast.Toast,
     import_tree_select.TreeSelect,

package/lib/locale/lang/uk-UA.js

@@ -24,7 +24,7 @@ var stdin_default = {
   name: "\u0406\u043C'\u044F",
   tel: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D",
   save: "\u0417\u0431\u0435\u0440\u0435\u0433\u0442\u0438",
-  confirm: "\u043F\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0438",
+  confirm: "\u041F\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0438",
   cancel: "\u0421\u043A\u0430\u0441\u0443\u0432\u0430\u0442\u0438",
   delete: "\u0412\u0438\u0434\u0430\u043B\u0438\u0442\u0438",
   loading: "\u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0435\u043D\u043D\u044F...",
@@ -34,30 +34,30 @@ var stdin_default = {
   telInvalid: "\u041D\u0435\u043F\u0440\u0430\u0432\u0438\u043B\u044C\u043D\u0438\u0439 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0443",
   vanCalendar: {
     end: "\u041A\u0456\u043D\u0435\u0446\u044C",
-    start: "\u041F\u043E\u0447\u0430\u0442\u0438",
+    start: "\u041F\u043E\u0447\u0430\u0442\u043E\u043A",
     title: "\u041A\u0430\u043B\u0435\u043D\u0434\u0430\u0440",
     weekdays: [
-      "\u043D\u0435\u0434\u0456\u043B\u044F",
-      "\u043F\u043E\u043D\u0435\u0434\u0456\u043B\u043E\u043A",
-      "\u0432\u0456\u0432\u0442\u043E\u0440\u043E\u043A",
-      "\u0441\u0435\u0440\u0435\u0434\u0430",
-      "\u0447\u0435\u0442\u0432\u0435\u0440",
-      "\u043F'\u044F\u0442\u043D\u0438\u0446\u044F",
-      "\u0441\u0443\u0431\u043E\u0442\u0430"
+      "\u041D\u0434",
+      "\u041F\u043D",
+      "\u0412\u0442",
+      "\u0421\u0440",
+      "\u0427\u0442",
+      "\u041F\u0442",
+      "\u0421\u0431"
     ],
     monthTitle: (year, month) => `${year}/${month}`,
-    rangePrompt: (maxRange) => `\u0412\u0438\u0431\u0435\u0440\u0456\u0442\u044C \u043D\u0435 \u0431\u0456\u043B\u044C\u0448\u0435 \u043D\u0456\u0436 ${maxRange} \u0434\u043D\u0456\u0432`
+    rangePrompt: (maxRange) => `\u041E\u0431\u0435\u0440\u0456\u0442\u044C \u043D\u0435 \u0431\u0456\u043B\u044C\u0448\u0435 \u043D\u0456\u0436 ${maxRange} \u0434\u043D\u0456\u0432`
   },
   vanCascader: {
-    select: "\u0412\u0438\u0431\u0440\u0430\u0442\u0438"
+    select: "\u041E\u0431\u0440\u0430\u0442\u0438"
   },
   vanPagination: {
-    prev: "\u041F\u043E\u043F\u0435\u0440\u0435\u0434\u043D\u0456\u0439",
+    prev: "\u041F\u043E\u0432\u0435\u0440\u043D\u0443\u0442\u0438\u0441\u044F",
     next: "\u0414\u0430\u043B\u0456"
   },
   vanPullRefresh: {
     pulling: "\u041F\u043E\u0442\u044F\u0433\u043D\u0456\u0442\u044C, \u0449\u043E\u0431 \u043E\u043D\u043E\u0432\u0438\u0442\u0438...",
-    loosing: "\u041F\u043E\u0433\u0430\u043D\u043E \u043E\u043D\u043E\u0432\u0438\u0442\u0438..."
+    loosing: "\u0412\u0456\u0434\u043F\u0443\u0441\u0442\u0456\u0442\u044C, \u0449\u043E\u0431 \u043E\u043D\u043E\u0432\u0438\u0442\u0438..."
   },
   vanSubmitBar: {
     label: "\u0423\u0441\u044C\u043E\u0433\u043E:"
@@ -76,11 +76,11 @@ var stdin_default = {
     close: "\u0417\u0430\u043A\u0440\u0438\u0442\u0438",
     enable: "\u0414\u043E\u0441\u0442\u0443\u043F\u043D\u043E",
     disabled: "\u041D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u043D\u043E",
-    placeholder: "\u041A\u043E\u0434 \u043A\u0443\u043F\u043E\u043D\u0430"
+    placeholder: "\u041A\u043E\u0434 \u043A\u0443\u043F\u043E\u043D\u0443"
   },
   vanAddressEdit: {
     area: "\u041E\u0431\u043B\u0430\u0441\u0442\u044C",
-    areaEmpty: "\u0411\u0443\u0434\u044C \u043B\u0430\u0441\u043A\u0430, \u0432\u0438\u0431\u0435\u0440\u0456\u0442\u044C \u0437\u043E\u043D\u0443 \u043F\u0440\u0438\u0439\u043E\u043C\u0443",
+    areaEmpty: "\u0411\u0443\u0434\u044C \u043B\u0430\u0441\u043A\u0430, \u043E\u0431\u0435\u0440\u0456\u0442\u044C \u0437\u043E\u043D\u0443 \u043F\u0440\u0438\u0439\u043E\u043C\u0443",
     addressEmpty: "\u0410\u0434\u0440\u0435\u0441\u0430 \u043D\u0435 \u043C\u043E\u0436\u0435 \u0431\u0443\u0442\u0438 \u043F\u043E\u0440\u043E\u0436\u043D\u044C\u043E\u044E",
     addressDetail: "\u0410\u0434\u0440\u0435\u0441\u0430",
     defaultAddress: "\u0412\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u0438 \u044F\u043A \u0430\u0434\u0440\u0435\u0441\u0443 \u0437\u0430 \u0437\u0430\u043C\u043E\u0432\u0447\u0443\u0432\u0430\u043D\u043D\u044F\u043C"

package/lib/swipe/Swipe.js

@@ -253,7 +253,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
               offset: delta.value
             });
             if (!dragging) {
-              emit("dragStart");
+              emit("dragStart", {
+                index: activeIndicator.value
+              });
               dragging = true;
             }
           }
@@ -286,7 +288,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       dragging = false;
       state.swiping = false;
-      emit("dragEnd");
+      emit("dragEnd", {
+        index: activeIndicator.value
+      });
       autoplay();
     };
     const swipeTo = (index, options = {}) => {

package/lib/text-ellipsis/TextEllipsis.d.ts

@@ -0,0 +1,63 @@
+import { type ExtractPropTypes } from 'vue';
+export declare const textEllipsisProps: {
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    content: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expandText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    collapseText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+};
+export type TextEllipsisProps = ExtractPropTypes<typeof textEllipsisProps>;
+declare const _default: import("vue").DefineComponent<{
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    content: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expandText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    collapseText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickAction"[], "clickAction", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    content: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expandText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    collapseText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    onClickAction?: ((...args: any[]) => any) | undefined;
+}, {
+    content: string;
+    rows: string | number;
+    expandText: string;
+    collapseText: string;
+}>;
+export default _default;

package/lib/text-ellipsis/TextEllipsis.js

@@ -0,0 +1,127 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => stdin_default,
+  textEllipsisProps: () => textEllipsisProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_use = require("@vant/use");
+var import_utils = require("../utils");
+const [name, bem] = (0, import_utils.createNamespace)("text-ellipsis");
+const textEllipsisProps = {
+  rows: (0, import_utils.makeNumericProp)(1),
+  content: (0, import_utils.makeStringProp)(""),
+  expandText: (0, import_utils.makeStringProp)(""),
+  collapseText: (0, import_utils.makeStringProp)("")
+};
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: textEllipsisProps,
+  emits: ["clickAction"],
+  setup(props, {
+    emit
+  }) {
+    const text = (0, import_vue2.ref)("");
+    const expanded = (0, import_vue2.ref)(false);
+    const hasAction = (0, import_vue2.ref)(false);
+    const root = (0, import_vue2.ref)();
+    const pxToNum = (value) => {
+      if (!value)
+        return 0;
+      const match = value.match(/^\d*(\.\d*)?/);
+      return match ? Number(match[0]) : 0;
+    };
+    const calcEllipsised = () => {
+      const cloneContainer = () => {
+        if (!root.value)
+          return;
+        const originStyle = window.getComputedStyle(root.value);
+        const container2 = document.createElement("div");
+        const styleNames = Array.prototype.slice.apply(originStyle);
+        styleNames.forEach((name2) => {
+          container2.style.setProperty(name2, originStyle.getPropertyValue(name2));
+        });
+        container2.style.position = "fixed";
+        container2.style.zIndex = "-9999";
+        container2.style.top = "-9999px";
+        container2.style.height = "auto";
+        container2.style.minHeight = "auto";
+        container2.style.maxHeight = "auto";
+        container2.innerText = props.content;
+        document.body.appendChild(container2);
+        return container2;
+      };
+      const calcEllipsisText = (container2, maxHeight2) => {
+        const {
+          content,
+          expandText
+        } = props;
+        const dot = "...";
+        let left = 0;
+        let right = content.length;
+        let res = -1;
+        while (left <= right) {
+          const mid = Math.floor((left + right) / 2);
+          container2.innerText = content.slice(0, mid) + dot + expandText;
+          if (container2.offsetHeight <= maxHeight2) {
+            left = mid + 1;
+            res = mid;
+          } else {
+            right = mid - 1;
+          }
+        }
+        return content.slice(0, res) + dot;
+      };
+      const container = cloneContainer();
+      if (!container)
+        return;
+      const {
+        paddingBottom,
+        paddingTop,
+        lineHeight
+      } = container.style;
+      const maxHeight = (Number(props.rows) + 0.5) * pxToNum(lineHeight) + pxToNum(paddingTop) + pxToNum(paddingBottom);
+      if (maxHeight < container.offsetHeight) {
+        hasAction.value = true;
+        text.value = calcEllipsisText(container, maxHeight);
+      } else {
+        hasAction.value = false;
+        text.value = props.content;
+      }
+      document.body.removeChild(container);
+    };
+    const onClickAction = (event) => {
+      expanded.value = !expanded.value;
+      emit("clickAction", event);
+    };
+    const renderAction = () => (0, import_vue.createVNode)("span", {
+      "class": bem("action"),
+      "onClick": onClickAction
+    }, [expanded.value ? props.collapseText : props.expandText]);
+    (0, import_vue2.onMounted)(calcEllipsised);
+    (0, import_vue2.watch)(() => [props.content, props.rows], calcEllipsised);
+    (0, import_use.useEventListener)("resize", calcEllipsised);
+    return () => (0, import_vue.createVNode)("div", {
+      "ref": root,
+      "class": bem()
+    }, [expanded.value ? props.content : text.value, hasAction.value ? renderAction() : null]);
+  }
+});

package/lib/text-ellipsis/index.css

@@ -0,0 +1 @@
+:root{--van-text-ellipsis-line-height: 1.6;--van-text-ellipsis-action-color: var(--van-blue)}.van-text-ellipsis{line-height:var(--van-text-ellipsis-line-height);white-space:pre-wrap}.van-text-ellipsis__action{cursor:pointer;color:var(--van-text-ellipsis-action-color)}.van-text-ellipsis__action:active{opacity:var(--van-active-opacity)}

package/lib/text-ellipsis/index.d.ts

@@ -0,0 +1,51 @@
+export declare const TextEllipsis: import("../utils").WithInstall<import("vue").DefineComponent<{
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    content: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expandText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    collapseText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickAction"[], "clickAction", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    content: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expandText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    collapseText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    onClickAction?: ((...args: any[]) => any) | undefined;
+}, {
+    content: string;
+    rows: string | number;
+    expandText: string;
+    collapseText: string;
+}>>;
+export default TextEllipsis;
+export { textEllipsisProps } from './TextEllipsis';
+export type { TextEllipsisProps } from './TextEllipsis';
+export type { TextEllipsisThemeVars } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanTextEllipsis: typeof TextEllipsis;
+    }
+}

package/lib/text-ellipsis/index.js

@@ -0,0 +1,35 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  TextEllipsis: () => TextEllipsis,
+  default: () => stdin_default,
+  textEllipsisProps: () => import_TextEllipsis2.textEllipsisProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_TextEllipsis = __toESM(require("./TextEllipsis"));
+var import_TextEllipsis2 = require("./TextEllipsis");
+const TextEllipsis = (0, import_utils.withInstall)(import_TextEllipsis.default);
+var stdin_default = TextEllipsis;

package/lib/text-ellipsis/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/text-ellipsis/style/index.js

@@ -0,0 +1,2 @@
+require("../../style/base.css");
+require("../index.css");

package/lib/text-ellipsis/types.d.ts

@@ -0,0 +1,3 @@
+export type TextEllipsisThemeVars = {
+    textEllipsisActionColor?: string;
+};

package/lib/text-ellipsis/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+module.exports = __toCommonJS(stdin_exports);

package/lib/tree-select/TreeSelect.js

@@ -87,12 +87,13 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const renderSidebar = () => {
       const Items = props.items.map((item) => (0, import_vue.createVNode)(import_sidebar_item.SidebarItem, {
         "dot": item.dot,
-        "title": item.text,
         "badge": item.badge,
         "class": [bem("nav-item"), item.className],
         "disabled": item.disabled,
         "onClick": onClickSidebarItem
-      }, null));
+      }, {
+        title: () => slots["nav-text"] ? slots["nav-text"](item) : item.text
+      }));
       return (0, import_vue.createVNode)(import_sidebar.Sidebar, {
         "class": bem("nav"),
         "modelValue": props.mainActiveIndex,