zartui 3.0.5 → 3.0.7

package/lib/timeline/Timeline.js

@@ -0,0 +1,191 @@
+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 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 __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, {
+  default: () => stdin_default,
+  timelineProps: () => timelineProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_switch = __toESM(require("../switch"));
+var import_utils = require("../utils");
+const [name, bem] = (0, import_utils.createNamespace)("timeline");
+const timelineProps = {
+  title: (0, import_utils.makeStringProp)("\u529E\u7406\u7ECF\u8FC7"),
+  // 默认折叠显示
+  defaultFold: {
+    type: Boolean,
+    default: false
+  },
+  // 折叠时显示几条数据
+  collapseCount: (0, import_utils.makeNumberProp)(0),
+  processes: (0, import_utils.makeArrayProp)([]),
+  opinionKey: (0, import_utils.makeStringProp)("\u5904\u7406\u610F\u89C1"),
+  enableSingleFold: import_utils.truthProp,
+  dot: {
+    type: Boolean,
+    default: false
+  }
+};
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: timelineProps,
+  setup(props, {
+    slots
+  }) {
+    const isFold = (0, import_vue2.ref)(props.defaultFold);
+    const genTopBar = () => {
+      if (slots["top-bar"]) {
+        return (0, import_vue.createVNode)("div", {
+          "class": [bem("top-bar"), import_utils.BORDER_BOTTOM]
+        }, [slots["top-bar"]()]);
+      } else {
+        return (0, import_vue.createVNode)("div", {
+          "class": [bem("top-bar"), import_utils.BORDER_BOTTOM]
+        }, [(0, import_vue.createVNode)("div", {
+          "class": bem("top-left")
+        }, [(0, import_vue.createVNode)("div", {
+          "class": bem("bar")
+        }, null), (0, import_vue.createVNode)("div", {
+          "class": bem("title")
+        }, [props.title])]), (0, import_vue.createVNode)("div", {
+          "class": bem("top-right")
+        }, [(0, import_vue.createVNode)("span", {
+          "class": bem("fold-text")
+        }, [(0, import_vue.createTextVNode)("\u6298\u53E0"), props.title]), (0, import_vue.createVNode)(import_switch.default, {
+          "modelValue": isFold.value,
+          "onUpdate:modelValue": ($event) => isFold.value = $event
+        }, null)])]);
+      }
+    };
+    const genAvatar = (item) => {
+      if (slots.avatar) {
+        return (0, import_vue.createVNode)("div", {
+          "class": bem("avatar-box")
+        }, [slots.avatar(item)]);
+      }
+      if (props.dot) {
+        return (0, import_vue.createVNode)("div", {
+          "class": bem("dot")
+        }, null);
+      }
+      return (0, import_vue.createVNode)("div", {
+        "class": bem("avatar-box")
+      }, [item.avatar ? (0, import_vue.createVNode)("img", {
+        "class": bem("avatar"),
+        "src": item.avatar,
+        "alt": ""
+      }, null) : (0, import_vue.createVNode)("div", {
+        "class": bem("avatar")
+      }, [item.human.slice(-2)])]);
+    };
+    const genTitle = (item) => {
+      if (slots.title) {
+        return (0, import_vue.createVNode)("div", {
+          "class": bem("title-box")
+        }, [slots.title(item)]);
+      }
+      return (0, import_vue.createVNode)("div", {
+        "class": bem("title-box")
+      }, [(0, import_vue.createVNode)("span", {
+        "class": bem("title")
+      }, [`${item.department}[${item.human}]`]), (0, import_vue.createVNode)("span", {
+        "class": bem("time")
+      }, [item.timestamp])]);
+    };
+    const genOpinion = (item) => {
+      if (slots.opinion) {
+        return (0, import_vue.createVNode)("div", {
+          "class": bem("opinion-box")
+        }, [slots.opinion(item)]);
+      }
+      return (0, import_vue.createVNode)("div", {
+        "class": bem("opinion-box")
+      }, [(0, import_vue.createVNode)("div", {
+        "class": bem("opinion-label")
+      }, [props.opinionKey]), (0, import_vue.createVNode)("div", {
+        "class": bem("opinion")
+      }, [item.opinion || "\u65E0"])]);
+    };
+    const genContent = (item) => {
+      if (slots.content) {
+        return (0, import_vue.createVNode)("div", {
+          "class": [bem("content-box"), import_utils.BORDER_BOTTOM]
+        }, [slots.content(item)]);
+      }
+      return (0, import_vue.createVNode)("div", {
+        "class": [bem("content-box"), import_utils.BORDER_BOTTOM]
+      }, [(0, import_vue.createTextVNode)("\u5728"), (0, import_vue.createVNode)("span", null, [item.stage]), (0, import_vue.createTextVNode)("\u9636\u6BB5"), (0, import_vue.createVNode)("span", {
+        "class": bem("text-bold")
+      }, [(0, import_vue.createTextVNode)(" "), item.action, (0, import_vue.createTextVNode)(" ")]), (0, import_vue.createTextVNode)("\u5230"), (0, import_vue.createVNode)("span", null, [item.nextAction]), (0, import_vue.createVNode)("span", null, [item.nextDepartment]), (0, import_vue.createVNode)("span", {
+        "class": bem("text-bold")
+      }, [(0, import_vue.createTextVNode)(" ["), item.nextHuman, (0, import_vue.createTextVNode)("]")])]);
+    };
+    const genProcessItem = (item, isLast) => {
+      function itemClicked() {
+        if (!props.enableSingleFold) {
+          return;
+        }
+        item.folded = !item.folded;
+      }
+      return (0, import_vue.createVNode)("div", {
+        "class": bem("item") + ` ${isLast ? "last-item" : ""}`,
+        "onClick": itemClicked
+      }, [(0, import_vue.createVNode)("div", {
+        "class": [bem("left-container"), props.dot ? bem("dot-container") : ""]
+      }, [genAvatar(item), (0, import_vue.createVNode)("div", {
+        "class": bem(props.dot ? "line-dot" : "line")
+      }, null)]), (0, import_vue.createVNode)("div", {
+        "class": bem("right-container")
+      }, [genTitle(item), !item.folded && (0, import_vue.createVNode)("div", {
+        "class": bem("main-container")
+      }, [genContent(item), genOpinion(item)])])]);
+    };
+    const computedProcesses = (0, import_vue2.computed)(() => {
+      const wrapper = props.processes.map((v) => {
+        v.folded = false;
+        return v;
+      });
+      if (isFold.value) {
+        const showProcesses = wrapper.slice(0, props.collapseCount);
+        return showProcesses.map((item, index) => genProcessItem(item, index === showProcesses.length - 1));
+      } else {
+        return wrapper.map((item, index) => genProcessItem(item, index === wrapper.length - 1));
+      }
+    });
+    return () => {
+      var _a;
+      return (0, import_vue.createVNode)("div", {
+        "class": bem()
+      }, [genTopBar(), ((_a = computedProcesses.value) == null ? void 0 : _a.length) > 0 && (0, import_vue.createVNode)("div", {
+        "class": bem("container")
+      }, [computedProcesses.value])]);
+    };
+  }
+});

package/lib/timeline/index.css

@@ -0,0 +1 @@
+:root{--zt-timeline-title-color: var(--zt-gray-default);--zt-timeline-sub-title-color: var(--zt-gray-a6);--zt-timeline-content-color: var(--zt-gray-default);--zt-timeline-background: var(--zt-white);--zt-timeline-bar-background: var(--zt-primary-color);--zt-timeline-time-color: var(--zt-gray-a8)}.zt-timeline{background-color:var(--zt-timeline-background)}.zt-timeline__top-bar{height:44px;display:flex;justify-content:space-between;align-items:center}.zt-timeline__top-left{display:flex;align-items:center}.zt-timeline__bar{width:4px;height:16px;background:var(--zt-timeline-bar-background);margin-right:12px}.zt-timeline__title{font-size:16px;font-weight:700;color:var(--zt-timeline-title-color);line-height:24px}.zt-timeline__top-right{padding-right:16px;display:flex;align-items:center}.zt-timeline__top-right .zt-switch--on{background:var(--zt-timeline-bar-background)}.zt-timeline__fold-text{font-size:16px;color:var(--zt-gray-a6);line-height:24px;margin-right:8px}.zt-timeline__container{padding-top:16px}.zt-timeline__item{padding:0 16px 16px;display:flex}.zt-timeline__item.last-item .zt-timeline__line-dot,.zt-timeline__item.last-item .zt-timeline__line{height:0}.zt-timeline__item.last-item .zt-timeline__dot{border-color:var(--zt-timeline-bar-background)}.zt-timeline__left-container{margin-right:8px;display:flex;flex-direction:column;align-items:center;position:relative}.zt-timeline__right-container{flex:1}.zt-timeline__dot-container{top:5px}.zt-timeline__dot{width:12px;height:12px;background-color:#fff;border:1px solid rgba(45,75,115,.2);border-radius:50%;z-index:2}.zt-timeline__avatar-box{width:40px;height:40px;z-index:2}.zt-timeline__avatar{width:40px;height:40px;background:#0091fa;border-radius:4px;font-size:14px;font-weight:700;text-align:center;color:#fff;line-height:40px}.zt-timeline__line{background-color:#f5f5f5;width:2px;height:100%;margin-top:4px;margin-bottom:-12px}.zt-timeline__line-dot{position:absolute;background-color:#f5f5f5;width:2px;height:calc(100% + 16px)}.zt-timeline__title-box{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.zt-timeline__time{font-size:12px;color:var(--zt-timeline-time-color);line-height:16px}.zt-timeline__content-box{font-size:14px;color:var(--zt-timeline-content-color);line-height:20px;padding-bottom:8px}.zt-timeline__main-container{background:rgba(0,0,0,.02);border-radius:4px;padding:8px 12px}.zt-timeline__main-container:before{border-radius:4px}.zt-timeline__main-container .zt-timeline__text-bold{font-weight:700}.zt-timeline__opinion-box{padding-top:7px}.zt-timeline__opinion-label{margin-bottom:4px;font-size:14px;color:var(--zt-timeline-sub-title-color);line-height:20px}.zt-timeline__opinion{font-size:14px;color:var(--zt-timeline-content-color);line-height:20px;word-break:break-all}

package/lib/timeline/index.d.ts

@@ -0,0 +1,75 @@
+export declare const Timeline: import("../utils").WithInstall<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<import("./Timeline").TimelineProcessOption[]>;
+        default: () => import("./Timeline").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<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    defaultFold: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    collapseCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    processes: {
+        type: import("vue").PropType<import("./Timeline").TimelineProcessOption[]>;
+        default: () => import("./Timeline").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: import("./Timeline").TimelineProcessOption[];
+    opinionKey: string;
+    enableSingleFold: boolean;
+}>>;
+export default Timeline;
+export { timelineProps } from './Timeline';
+export type { TimelineProcessOption, TimelineProps } from './Timeline';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtTimeline: typeof Timeline;
+    }
+}

package/lib/timeline/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, {
+  Timeline: () => Timeline,
+  default: () => stdin_default,
+  timelineProps: () => import_Timeline2.timelineProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_Timeline = __toESM(require("./Timeline"));
+var import_Timeline2 = require("./Timeline");
+const Timeline = (0, import_utils.withInstall)(import_Timeline.default);
+var stdin_default = Timeline;

package/lib/timeline/style/index.d.ts

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

package/lib/timeline/style/index.js

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

package/lib/toast/function-call.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/toast/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/uploader/Uploader.d.ts

@@ -195,8 +195,8 @@ declare const _default: import("vue").DefineComponent<{
     onClickPreview?: ((...args: any[]) => any) | undefined;
 }, {
     name: string | number;
-    accept: string;
     disabled: boolean;
+    accept: string;
     modelValue: UploaderFileListItem[];
     readonly: boolean;
     multiple: boolean;

package/lib/uploader/Uploader.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/uploader/index.d.ts

@@ -128,8 +128,8 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
     onClickPreview?: ((...args: any[]) => any) | undefined;
 }, {
     name: string | number;
-    accept: string;
     disabled: boolean;
+    accept: string;
     modelValue: import("./types").UploaderFileListItem[];
     readonly: boolean;
     multiple: boolean;

package/lib/uploader/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/uploader/utils.js

@@ -69,7 +69,7 @@ function filterFiles(items, maxSize) {
   });
   return { valid, invalid };
 }
-const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg)/i;
+const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg|avif)/i;
 const isImageUrl = (url) => IMAGE_REGEXP.test(url);
 function isImageFile(item) {
   if (item.isImage) {

package/lib/utils/create.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/utils/dom.d.ts

@@ -9,4 +9,5 @@ export declare function resetScroll(): void;
 export declare const stopPropagation: (event: Event) => void;
 export declare function preventDefault(event: Event, isStopPropagation?: boolean): void;
 export declare function isHidden(elementRef: HTMLElement | Ref<HTMLElement | undefined>): boolean;
+export declare function colorFromCSSClass(className: string, defaultColor: string): string;
 export declare const windowWidth: Ref<number>, windowHeight: Ref<number>;

package/lib/utils/dom.js

@@ -17,6 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
+  colorFromCSSClass: () => colorFromCSSClass,
   getElementTop: () => getElementTop,
   getRootScrollTop: () => getRootScrollTop,
   getScrollTop: () => getScrollTop,
@@ -83,4 +84,14 @@ function isHidden(elementRef) {
   const parentHidden = el.offsetParent === null && style.position !== "fixed";
   return hidden || parentHidden;
 }
+function colorFromCSSClass(className, defaultColor) {
+  var _a;
+  const tmp = document.createElement("div");
+  tmp.style.cssText = "position:fixed;left:-100px;top:-100px;width:1px;height:1px";
+  tmp.className = className;
+  document.body.appendChild(tmp);
+  const classColor = (_a = getComputedStyle(tmp)) == null ? void 0 : _a.getPropertyValue("color");
+  document.body.removeChild(tmp);
+  return !classColor ? defaultColor : classColor;
+}
 const { width: windowWidth, height: windowHeight } = (0, import_use.useWindowSize)();