zartui 3.0.5 → 3.0.7

package/lib/tag/index.d.ts

@@ -26,6 +26,11 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
         type: NumberConstructor;
         default: number;
     };
+    stamp: BooleanConstructor;
+    stampDiameter: {
+        type: NumberConstructor;
+        default: number;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     mark: BooleanConstructor;
     show: {
@@ -54,18 +59,25 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
         type: NumberConstructor;
         default: number;
     };
+    stamp: BooleanConstructor;
+    stampDiameter: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
+    mark: boolean;
     type: import("./Tag").TagType;
     badge: boolean;
-    mark: boolean;
     show: boolean;
     round: boolean;
     closeable: boolean;
     plain: boolean;
     badgeWidth: number;
     badgeHeight: number;
+    stamp: boolean;
+    stampDiameter: number;
 }>>;
 export default Tag;
 export { tagProps } from './Tag';

package/lib/tag/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

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

@@ -0,0 +1,76 @@
+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;
+    };
+    highlight: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+};
+export declare 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;
+    };
+    highlight: {
+        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;
+    };
+    highlight: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    onClickAction?: ((...args: any[]) => any) | undefined;
+}, {
+    content: string;
+    rows: string | number;
+    expandText: string;
+    collapseText: string;
+    highlight: string;
+}>;
+export default _default;

package/lib/text-ellipsis/TextEllipsis.js

@@ -0,0 +1,137 @@
+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("@zartui/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)(""),
+  highlight: (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 formatSearchKeyword = (keywords, text2) => {
+      if (!keywords)
+        return text2;
+      const replaceReg = new RegExp(keywords, "ig");
+      const replaceString = `<span style="color: #0091FA; background: rgba(0, 145, 250, 0.1);">${keywords}</span>`;
+      return text2.replace(replaceReg, replaceString);
+    };
+    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()
+    }, [(0, import_vue.createVNode)("span", {
+      "innerHTML": formatSearchKeyword(props.highlight, expanded.value ? props.content : text.value)
+    }, null), hasAction.value ? renderAction() : null]);
+  }
+});

package/lib/text-ellipsis/index.css

@@ -0,0 +1 @@
+:root{--zt-text-ellipsis-line-height:calc(200% - 8px);--zt-text-ellipsis-action-color: var(--zt-blue)}.zt-text-ellipsis{line-height:var(--zt-text-ellipsis-line-height);white-space:pre-wrap;word-break:break-all}.zt-text-ellipsis__action{cursor:pointer;color:var(--zt-text-ellipsis-action-color)}.zt-text-ellipsis__action:active{opacity:var(--zt-active-opacity)}

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

@@ -0,0 +1,60 @@
+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;
+    };
+    highlight: {
+        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;
+    };
+    highlight: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    onClickAction?: ((...args: any[]) => any) | undefined;
+}, {
+    content: string;
+    rows: string | number;
+    expandText: string;
+    collapseText: string;
+    highlight: string;
+}>>;
+export default TextEllipsis;
+export { textEllipsisProps } from './TextEllipsis';
+export type { TextEllipsisProps } from './TextEllipsis';
+export type { TextEllipsisThemeVars } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtTextEllipsis: typeof TextEllipsis;
+    }
+}

package/lib/text-ellipsis/index.js

@@ -0,0 +1,39 @@
+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(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  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 declare 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/time-picker/TimePicker.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/lib/time-picker/TimePickerColumn.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/lib/time-picker/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/lib/timeline/Timeline.d.ts

@@ -0,0 +1,113 @@
+import type { ExtractPropTypes } from 'vue';
+export declare type TimelineProcessOption = {
+    human: string;
+    avatar?: string;
+    department: string;
+    timestamp: string;
+    opinion: string;
+    stage: string;
+    action: string;
+    nextAction: string;
+    nextDepartment: string;
+    nextHuman: string;
+    folded?: boolean;
+};
+export declare const timelineProps: {
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    defaultFold: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    collapseCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    processes: {
+        type: import("vue").PropType<TimelineProcessOption[]>;
+        default: () => TimelineProcessOption[];
+    };
+    opinionKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    enableSingleFold: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    dot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export declare type TimelineProps = ExtractPropTypes<typeof timelineProps>;
+declare const _default: import("vue").DefineComponent<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    defaultFold: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    collapseCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    processes: {
+        type: import("vue").PropType<TimelineProcessOption[]>;
+        default: () => TimelineProcessOption[];
+    };
+    opinionKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    enableSingleFold: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    dot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    defaultFold: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    collapseCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    processes: {
+        type: import("vue").PropType<TimelineProcessOption[]>;
+        default: () => TimelineProcessOption[];
+    };
+    opinionKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    enableSingleFold: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    dot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    title: string;
+    dot: boolean;
+    defaultFold: boolean;
+    collapseCount: number;
+    processes: TimelineProcessOption[];
+    opinionKey: string;
+    enableSingleFold: boolean;
+}>;
+export default _default;