zartui 3.1.23-beta.1 → 3.1.23

package/lib/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./action-sheet";
+export * from "./audio";
 export * from "./avatar";
 export * from "./badge";
 export * from "./button";
@@ -82,4 +83,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.1.23-beta.1";
+export const version: "3.1.23";

package/lib/index.js

@@ -24,6 +24,7 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_action_sheet = require("./action-sheet");
+var import_audio = require("./audio");
 var import_avatar = require("./avatar");
 var import_badge = require("./badge");
 var import_button = require("./button");
@@ -101,6 +102,7 @@ var import_toast = require("./toast");
 var import_uploader = require("./uploader");
 var import_video = require("./video");
 __reExport(stdin_exports, require("./action-sheet"), module.exports);
+__reExport(stdin_exports, require("./audio"), module.exports);
 __reExport(stdin_exports, require("./avatar"), module.exports);
 __reExport(stdin_exports, require("./badge"), module.exports);
 __reExport(stdin_exports, require("./button"), module.exports);
@@ -178,10 +180,11 @@ __reExport(stdin_exports, require("./timeline"), module.exports);
 __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
 __reExport(stdin_exports, require("./video"), module.exports);
-const version = "3.1.23-beta.1";
+const version = "3.1.23";
 function install(app) {
   const components = [
     import_action_sheet.ActionSheet,
+    import_audio.Audio,
     import_avatar.Avatar,
     import_badge.Badge,
     import_button.Button,

package/lib/slider/Slider.d.ts

@@ -40,6 +40,14 @@ export declare const sliderProps: {
         type: BooleanConstructor;
         default: true;
     };
+    barEdgeOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    barEdgeOffsetBoundary: {
+        type: NumberConstructor;
+        default: number;
+    };
 };
 export type SliderProps = ExtractPropTypes<typeof sliderProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -80,7 +88,15 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "dragStart" | "dragEnd")[], "update:modelValue" | "change" | "dragStart" | "dragEnd", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    barEdgeOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    barEdgeOffsetBoundary: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "dragEnd" | "dragStart")[], "update:modelValue" | "change" | "dragEnd" | "dragStart", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -118,11 +134,19 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    barEdgeOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    barEdgeOffsetBoundary: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onDragStart?: ((...args: any[]) => any) | undefined;
     onDragEnd?: ((...args: any[]) => any) | undefined;
+    onDragStart?: ((...args: any[]) => any) | undefined;
 }, {
     reverse: boolean;
     range: boolean;
@@ -132,8 +156,10 @@ declare const _default: import("vue").DefineComponent<{
     direction: SliderDirection;
     modelValue: SliderValue;
     readonly: boolean;
-    step: string | number;
     min: string | number;
+    step: string | number;
     showPercent: boolean;
+    barEdgeOffset: number;
+    barEdgeOffsetBoundary: number;
 }, {}>;
 export default _default;

package/lib/slider/Slider.js

@@ -47,7 +47,10 @@ const sliderProps = {
   title: String,
   // 标题跟进度与主体进度条的排列方式
   direction: (0, import_utils.makeStringProp)("horizontal"),
-  showPercent: import_utils.truthProp
+  showPercent: import_utils.truthProp,
+  // 进度条在边缘时，为了防止进度条显示被挤压，对进度条边缘进行扩充，扩充的宽度
+  barEdgeOffset: (0, import_utils.makeNumberProp)(4),
+  barEdgeOffsetBoundary: (0, import_utils.makeNumberProp)(10)
 };
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
@@ -73,15 +76,21 @@ var stdin_default = (0, import_vue2.defineComponent)({
       };
     });
     const isRange = (val) => props.range && Array.isArray(val);
+    function calcBarWidthInEdge(originWidth) {
+      if (originWidth < props.barEdgeOffsetBoundary && originWidth > 0) {
+        return props.barEdgeOffset + originWidth;
+      }
+      return originWidth;
+    }
     const calcMainAxis = () => {
       const {
         modelValue,
         min
       } = props;
       if (isRange(modelValue)) {
-        return `${(modelValue[1] - modelValue[0]) * 100 / scope.value}%`;
+        return `${calcBarWidthInEdge(modelValue[1] - modelValue[0]) * 100 / scope.value}%`;
       }
-      return `${(modelValue - Number(min)) * 100 / scope.value}%`;
+      return `${calcBarWidthInEdge(modelValue - Number(min)) * 100 / scope.value}%`;
     };
     const calcOffset = () => {
       const {
@@ -89,7 +98,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
         min
       } = props;
       if (isRange(modelValue)) {
-        return `${(modelValue[0] - Number(min)) * 100 / scope.value}%`;
+        const diff = modelValue[0] - Number(min);
+        return `${diff * 100 / scope.value}%`;
       }
       return "0%";
     };

package/lib/slider/index.d.ts

@@ -36,7 +36,15 @@ export declare const Slider: import("../utils").WithInstall<import("vue").Define
         type: BooleanConstructor;
         default: true;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "dragStart" | "dragEnd")[], "update:modelValue" | "change" | "dragStart" | "dragEnd", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    barEdgeOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    barEdgeOffsetBoundary: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "dragEnd" | "dragStart")[], "update:modelValue" | "change" | "dragEnd" | "dragStart", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -74,11 +82,19 @@ export declare const Slider: import("../utils").WithInstall<import("vue").Define
         type: BooleanConstructor;
         default: true;
     };
+    barEdgeOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    barEdgeOffsetBoundary: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onDragStart?: ((...args: any[]) => any) | undefined;
     onDragEnd?: ((...args: any[]) => any) | undefined;
+    onDragStart?: ((...args: any[]) => any) | undefined;
 }, {
     reverse: boolean;
     range: boolean;
@@ -88,9 +104,11 @@ export declare const Slider: import("../utils").WithInstall<import("vue").Define
     direction: import("./Slider").SliderDirection;
     modelValue: number | [number, number];
     readonly: boolean;
-    step: string | number;
     min: string | number;
+    step: string | number;
     showPercent: boolean;
+    barEdgeOffset: number;
+    barEdgeOffsetBoundary: number;
 }, {}>>;
 export default Slider;
 export { sliderProps } from './Slider';

package/lib/stepper/Stepper.d.ts

@@ -165,9 +165,9 @@ declare const _default: import("vue").DefineComponent<{
     name: string | number;
     max: string | number;
     disabled: boolean;
-    longPress: boolean;
-    step: string | number;
     min: string | number;
+    step: string | number;
+    longPress: boolean;
     integer: boolean;
     showPlus: boolean;
     showMinus: boolean;

package/lib/stepper/index.d.ts

@@ -110,9 +110,9 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
     name: string | number;
     max: string | number;
     disabled: boolean;
-    longPress: boolean;
-    step: string | number;
     min: string | number;
+    step: string | number;
+    longPress: boolean;
     integer: boolean;
     showPlus: boolean;
     showMinus: boolean;

package/lib/swipe/Swipe.d.ts

@@ -73,7 +73,7 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     title: ArrayConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "dragStart" | "dragEnd")[], "change" | "dragStart" | "dragEnd", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "dragEnd" | "dragStart")[], "change" | "dragEnd" | "dragStart", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     loop: {
         type: BooleanConstructor;
         default: true;
@@ -110,8 +110,8 @@ declare const _default: import("vue").DefineComponent<{
     title: ArrayConstructor;
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
-    onDragStart?: ((...args: any[]) => any) | undefined;
     onDragEnd?: ((...args: any[]) => any) | undefined;
+    onDragStart?: ((...args: any[]) => any) | undefined;
 }, {
     autoplay: string | number;
     loop: boolean;

package/lib/swipe/index.d.ts

@@ -34,7 +34,7 @@ export declare const Swipe: import("../utils").WithInstall<import("vue").DefineC
         default: true;
     };
     title: ArrayConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "dragStart" | "dragEnd")[], "change" | "dragStart" | "dragEnd", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "dragEnd" | "dragStart")[], "change" | "dragEnd" | "dragStart", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     loop: {
         type: BooleanConstructor;
         default: true;
@@ -71,8 +71,8 @@ export declare const Swipe: import("../utils").WithInstall<import("vue").DefineC
     title: ArrayConstructor;
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
-    onDragStart?: ((...args: any[]) => any) | undefined;
     onDragEnd?: ((...args: any[]) => any) | undefined;
+    onDragStart?: ((...args: any[]) => any) | undefined;
 }, {
     autoplay: string | number;
     loop: boolean;

package/lib/table/Table.js

@@ -38,6 +38,7 @@ var import_icon = require("../icon");
 var import_types = require("./types");
 var import_text_ellipsis = __toESM(require("../text-ellipsis"));
 const [name, bem] = (0, import_utils.createNamespace)("table");
+const BODY_CELL_SLOTS_NAME = "bodyCell";
 const tableProps = {
   headList: (0, import_utils.makeArrayProp)(),
   dataList: (0, import_utils.makeArrayProp)(),
@@ -184,10 +185,20 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }, null)]) : ""])]);
       }
     };
-    const getElement = (rowData, colData) => {
+    const getElement = (rowData, colData, rowIndex) => {
       if (rowData[colData.key] && rowData[colData.key].id && slots[`data-${rowData[colData.key].id}`]) {
         return slots[`data-${rowData[colData.key].id}`](rowData[colData.key]);
       }
+      const slotProps = {
+        column: colData,
+        record: rowData,
+        text: rowData[colData.key],
+        index: rowIndex
+      };
+      const bodyCellSlots = slots[BODY_CELL_SLOTS_NAME] && slots[BODY_CELL_SLOTS_NAME](slotProps);
+      if (bodyCellSlots && bodyCellSlots.length) {
+        return bodyCellSlots[0];
+      }
       return colData.ellipsis ? (0, import_vue.createVNode)(import_text_ellipsis.default, {
         "content": rowData[colData.key],
         "expandType": "dialog"
@@ -209,7 +220,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "colspan": (additionalCellProps == null ? void 0 : additionalCellProps.colSpan) !== 1 ? additionalCellProps == null ? void 0 : additionalCellProps.colSpan : null,
         "rowspan": (additionalCellProps == null ? void 0 : additionalCellProps.rowSpan) !== 1 ? additionalCellProps == null ? void 0 : additionalCellProps.rowSpan : null,
         "style": style
-      }, [getElement(rowData, colData)]);
+      }, [getElement(rowData, colData, rowIndex)]);
     })]);
     const getCol = () => {
       const cols = [];

package/lib/utils/format.d.ts

@@ -11,3 +11,4 @@ export declare function padZero(num: Numeric, targetLength?: number): string;
 export declare const clamp: (num: number, min: number, max: number) => number;
 export declare function formatNumber(value: string, allowDot?: boolean, allowMinus?: boolean): string;
 export declare function addNumber(num1: number, num2: number): number;
+export declare function formatSeconds(value?: string | number): string;

package/lib/utils/format.js

@@ -22,6 +22,7 @@ __export(stdin_exports, {
   camelize: () => camelize,
   clamp: () => clamp,
   formatNumber: () => formatNumber,
+  formatSeconds: () => formatSeconds,
   getSizeStyle: () => getSizeStyle,
   getZIndexStyle: () => getZIndexStyle,
   kebabCase: () => kebabCase,
@@ -137,3 +138,17 @@ function addNumber(num1, num2) {
   const cardinal = 10 ** 10;
   return Math.round((num1 + num2) * cardinal) / cardinal;
 }
+function formatSeconds(value = 0) {
+  if (!value) {
+    return "00:00:00";
+  }
+  const time = typeof value === "number" ? value : parseInt(value);
+  const hours = Math.floor(time / 3600);
+  const minutes = Math.floor((time - hours * 3600) / 60);
+  const seconds = time - hours * 3600 - minutes * 60;
+  let result = "";
+  result += ("0" + hours.toString()).slice(-2) + ":";
+  result += ("0" + minutes.toString()).slice(-2) + ":";
+  result += ("0" + seconds.toString()).slice(-2);
+  return result;
+}

package/lib/video/Video.js

@@ -39,7 +39,7 @@ var import_util = require("../lazyload/vue-lazyload/util");
 var import_utils = require("../utils");
 const [name, bem] = (0, import_utils.createNamespace)("video");
 const videoProps = {
-  src: (0, import_utils.makeStringProp)("star"),
+  src: (0, import_utils.makeStringProp)(""),
   // 控制控制器和标题的显示
   showToolBox: Boolean,
   options: {
@@ -206,27 +206,6 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }
       }
     };
-    const timeFormat = (t = 0) => {
-      let h = Math.floor(t / 3600);
-      if (+h < 10) {
-        h = "0" + h;
-      }
-      let m = Math.floor(t % 3600 / 60);
-      if (+m < 10) {
-        m = "0" + m;
-      }
-      let s = Math.round(t % 3600 % 60);
-      if (+s < 10) {
-        s = "0" + s;
-      }
-      let str = "";
-      if (h != 0) {
-        str = h + ":" + m + ":" + s;
-      } else {
-        str = m + ":" + s;
-      }
-      return str;
-    };
     const getLoadTime = () => {
       var _a, _b;
       state.videoSet.loaded = (((_a = root.value) == null ? void 0 : _a.buffered.end(0)) || 0) / (((_b = root.value) == null ? void 0 : _b.duration) || 1) * 100;
@@ -237,8 +216,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
       const currentTime = Number.isNaN((_c = root.value) == null ? void 0 : _c.currentTime) ? 0 : (_d = root.value) == null ? void 0 : _d.currentTime;
       const percent = (currentTime || 0) / (durationTime || 1);
       state.videoSet.progress.current = Math.round(state.videoSet.progress.width * percent);
-      state.videoSet.totalTime = timeFormat(durationTime);
-      state.videoSet.displayTime = timeFormat((_e = root.value) == null ? void 0 : _e.currentTime);
+      state.videoSet.totalTime = (0, import_utils.formatSeconds)(durationTime);
+      state.videoSet.displayTime = (0, import_utils.formatSeconds)((_e = root.value) == null ? void 0 : _e.currentTime);
       emit("time", currentTime, durationTime, state.videoSet.displayTime, state.videoSet.totalTime);
     };
     const playEnded = () => {