zartui 3.1.54 → 3.1.56

package/es/index.d.ts

@@ -84,4 +84,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.1.53";
+export const version: "3.1.56";

package/es/index.mjs

@@ -77,7 +77,7 @@ import { Timeline } from "./timeline/index.mjs";
 import { Toast } from "./toast/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
 import { Video } from "./video/index.mjs";
-const version = "3.1.53";
+const version = "3.1.56";
 function install(app) {
   const components = [
     ActionSheet,

package/es/speech-recognizer/SpeechRecognizer.d.ts

@@ -2,6 +2,7 @@ import { ExtractPropTypes } from "vue";
 declare const speechRecognizerProps: {
     title: StringConstructor;
     value: StringConstructor;
+    type: StringConstructor;
     show: BooleanConstructor;
     closeOnPopstate: {
         type: BooleanConstructor;
@@ -16,6 +17,7 @@ export type speechRecognizerProps = ExtractPropTypes<typeof speechRecognizerProp
 declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     title: StringConstructor;
     value: StringConstructor;
+    type: StringConstructor;
     show: BooleanConstructor;
     closeOnPopstate: {
         type: BooleanConstructor;
@@ -25,9 +27,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: true;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "update:show" | "confirm" | "update:value")[], "change" | "close" | "update:show" | "confirm" | "update:value", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onTouchend" | "onTouchstart" | "change" | "close" | "update:show" | "confirm" | "update:value")[], "onTouchend" | "onTouchstart" | "change" | "close" | "update:show" | "confirm" | "update:value", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     value: StringConstructor;
+    type: StringConstructor;
     show: BooleanConstructor;
     closeOnPopstate: {
         type: BooleanConstructor;
@@ -42,6 +45,8 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
+    onOnTouchend?: ((...args: any[]) => any) | undefined;
+    onOnTouchstart?: ((...args: any[]) => any) | undefined;
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }>, {
     show: boolean;

package/es/speech-recognizer/SpeechRecognizer.mjs

@@ -8,6 +8,7 @@ const [name, bem] = createNamespace("speech-recognizer");
 const speechRecognizerProps = {
   title: String,
   value: String,
+  type: String,
   show: Boolean,
   closeOnPopstate: truthProp,
   closeOnClickOverlay: truthProp
@@ -15,7 +16,7 @@ const speechRecognizerProps = {
 var stdin_default = defineComponent({
   name,
   props: speechRecognizerProps,
-  emits: ["change", "confirm", "close", "update:show", "update:value"],
+  emits: ["change", "confirm", "close", "update:show", "update:value", "onTouchstart", "onTouchend"],
   setup(props, {
     emit,
     slots
@@ -25,7 +26,7 @@ var stdin_default = defineComponent({
     const {
       startRecording,
       stopRecording
-    } = useRecorder(emit);
+    } = useRecorder(emit, props.type);
     const modelValue = computed({
       get: () => props.value,
       set: (val) => {
@@ -130,12 +131,14 @@ var stdin_default = defineComponent({
       e.preventDefault();
     };
     const onTouchstart = () => {
+      emit("onTouchstart");
       isPlaying.value = true;
       startRecording();
     };
     const onTouchend = () => {
       isPlaying.value = false;
       stopRecording();
+      emit("onTouchend");
     };
     const renderPlay = () => {
       const text = props.value ? props.value : "\u8BF7\u8BF4\u8BDD";

package/es/speech-recognizer/index.d.ts

@@ -2,6 +2,7 @@ import { speechRecognizerProps } from './SpeechRecognizer';
 export declare const SpeechRecognizer: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     value: StringConstructor;
+    type: StringConstructor;
     show: BooleanConstructor;
     closeOnPopstate: {
         type: BooleanConstructor;
@@ -11,9 +12,10 @@ export declare const SpeechRecognizer: import("../utils").WithInstall<import("vu
         type: BooleanConstructor;
         default: true;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "update:show" | "confirm" | "update:value")[], "change" | "close" | "update:show" | "confirm" | "update:value", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onTouchend" | "onTouchstart" | "change" | "close" | "update:show" | "confirm" | "update:value")[], "onTouchend" | "onTouchstart" | "change" | "close" | "update:show" | "confirm" | "update:value", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     value: StringConstructor;
+    type: StringConstructor;
     show: BooleanConstructor;
     closeOnPopstate: {
         type: BooleanConstructor;
@@ -28,6 +30,8 @@ export declare const SpeechRecognizer: import("../utils").WithInstall<import("vu
     onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
+    onOnTouchend?: ((...args: any[]) => any) | undefined;
+    onOnTouchstart?: ((...args: any[]) => any) | undefined;
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }>, {
     show: boolean;

package/es/speech-recognizer/recorder.d.ts

@@ -1,4 +1,4 @@
-export declare function useRecorder(emit: any): {
+export declare function useRecorder(emit: any, type?: string): {
     startRecording: () => Promise<void>;
     stopRecording: () => void;
     recordedBlobs: import("vue").Ref<(string | {

package/es/speech-recognizer/recorder.mjs

@@ -20,7 +20,7 @@ var __async = (__this, __arguments, generator) => {
 };
 import { ref } from "vue";
 import { showFailToast } from "../toast/index.mjs";
-function useRecorder(emit) {
+function useRecorder(emit, type = "") {
   const recordedBlobs = ref([]);
   const mediaRecorder = ref();
   if (!navigator.mediaDevices) {
@@ -55,6 +55,10 @@ function useRecorder(emit) {
       mediaRecorder.value.ondataavailable = (event) => {
         if (event.data && event.data.size > 0) {
           recordedBlobs.value.push(event.data);
+          if (type === "raw") {
+            emit("change", recordedBlobs.value);
+            return;
+          }
           const blob = new Blob(recordedBlobs.value, { type: "audio/wav" });
           convertBlobToBase64(blob);
         }

package/es/table/Table.mjs

@@ -37,7 +37,8 @@ var stdin_default = defineComponent({
   }) {
     const sortOrder = ref("");
     const sortKey = ref("");
-    const fixedColumn = computed(() => props.headList.filter((v) => v.fixed));
+    const tableRef = ref();
+    const fixedColumn = computed(() => props.headList.filter((v) => v.fixed || v.fixedRight));
     const formatColumns = computed(() => {
       const columns = [];
       let left = 0;
@@ -52,7 +53,7 @@ var stdin_default = defineComponent({
         } else {
           column.left = 0;
         }
-        if (element.fixed && !nextColumn.fixed) {
+        if (element.fixed && !(nextColumn == null ? void 0 : nextColumn.fixed)) {
           column.lastFixLeft = true;
         }
         columns.push(column);
@@ -60,8 +61,12 @@ var stdin_default = defineComponent({
       return columns;
     });
     const pingedLeft = ref(false);
+    const pingedRight = ref(false);
     const resortHeadList = computed(() => fixedColumn.value.concat(props.headList.filter((v) => !v.fixed)));
     onMounted(() => {
+      if (tableRef.value) {
+        pingedRight.value = tableRef.value.scrollWidth > tableRef.value.clientWidth;
+      }
       const fixedIndexList = props.headList.map((v, i) => {
         if (v.sorter && v.defaultSortOrder) {
           sortOrder.value = v.defaultSortOrder || "";
@@ -109,18 +114,24 @@ var stdin_default = defineComponent({
       } = event;
       const mergedScrollLeft = typeof scrollLeft === "number" ? scrollLeft : currentTarget == null ? void 0 : currentTarget.scrollLeft;
       pingedLeft.value = mergedScrollLeft > 0;
+      const rightRemain = currentTarget.scrollWidth - currentTarget.scrollLeft - currentTarget.clientWidth;
+      pingedRight.value = rightRemain > 0;
     };
     const getHead = (colData) => {
       const headSlot = slots[`head-${colData.id}`];
       const headEllipsisType = colData.sorter ? "flat" : "dialog";
       if ((colData == null ? void 0 : colData.colSpan) !== 0) {
         return _createVNode("th", {
-          "class": bem("left", {
+          "class": [bem("left", {
             fixed: colData.fixed,
             last: colData.lastFixLeft && pingedLeft.value
-          }),
+          }), bem("right", {
+            fixed: colData.fixedRight,
+            last: colData.lastRight && pingedRight.value
+          })],
           "style": {
-            left: colData.fixed ? colData.left : ""
+            left: colData.fixed ? colData.left : "",
+            right: colData.fixedRight ? colData.right : ""
           },
           "colspan": (colData == null ? void 0 : colData.colSpan) !== 1 ? colData == null ? void 0 : colData.colSpan : null
         }, [headSlot ? headSlot(colData) : _createVNode("div", {
@@ -177,12 +188,16 @@ var stdin_default = defineComponent({
       }
       const style = Object.assign({}, colData.style);
       style.left = colData.fixed ? colData.left : "";
+      style.right = colData.fixedRight ? colData.right : "";
       return (additionalCellProps == null ? void 0 : additionalCellProps.rowSpan) !== 0 && (additionalCellProps == null ? void 0 : additionalCellProps.colSpan) !== 0 && _createVNode("td", {
         "onClick": () => colData.click && colData.click(rowData, rowIndex),
-        "class": bem("left", {
+        "class": [bem("left", {
           fixed: colData.fixed,
           last: colData.lastFixLeft && pingedLeft.value
-        }),
+        }), bem("right", {
+          fixed: colData.fixedRight,
+          last: colData.lastRight && pingedRight.value
+        })],
         "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
@@ -217,6 +232,7 @@ var stdin_default = defineComponent({
         skeleton: true
       })
     }, [getLoadingColumn()]) : _createVNode("div", {
+      "ref": tableRef,
       "class": bem({
         fixed: fixedColumn.value.length > 0,
         bordered: props.border,

package/es/table/index.css

@@ -1 +1 @@
-:root{--zt-table-head-color: var(--zt-primary-color);--zt-table-head-height: 40px;--zt-table-head-background: #e6f5ff;--zt-table-body-height: 40px;--zt-table-body-color: var(--zt-gray);--zt-table-body-background: var(--zt-white);--zt-table-sort-default: var(--zt-gray-5);--zt-table-sort-active: var(--zt-primary-color)}:root[zt-theme-size=large]{--zt-table-head-height: 52px}.zt-base-hair{position:relative}.zt-base-hair:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table table{border-collapse:separate;border-spacing:0;width:100%;table-layout:auto;box-sizing:border-box}.zt-table--fixed{overflow:auto scroll}.zt-table--fixed::-webkit-scrollbar{width:0;height:0}.zt-table--fixed table{table-layout:fixed}.zt-table--thead-fixed{position:-webkit-sticky!important;position:sticky!important;z-index:2}.zt-table--bordered{position:relative}.zt-table--bordered:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered:after{border-left-width:var(--zt-border-width)}.zt-table--bordered>table{position:relative}.zt-table--bordered>table:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered>table:after{border-top-width:var(--zt-border-width)}.zt-table--bordered .zt-table__thead>tr>th{position:relative}.zt-table--bordered .zt-table__thead>tr>th:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered .zt-table__thead>tr>th:after{border-right-width:var(--zt-border-width);border-bottom-width:var(--zt-border-width)}.zt-table--bordered .zt-table__tbody>tr>td{position:relative}.zt-table--bordered .zt-table__tbody>tr>td:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered .zt-table__tbody>tr>td:after{border-right-width:var(--zt-border-width);border-bottom-width:var(--zt-border-width)}.zt-table__thead>tr>th{box-sizing:border-box;overflow-wrap:break-word;min-height:var(--zt-table-head-height);font-weight:600;font-size:var(--zt-font-size-md);color:var(--zt-table-head-color);text-align:center;line-height:var(--zt-table-head-height);background:var(--zt-table-head-background)}.zt-table__tbody>tr>td{box-sizing:border-box;overflow-wrap:break-word;min-height:var(--zt-table-body-height);font-size:var(--zt-font-size-md);color:var(--zt-table-body-color);text-align:center;line-height:var(--zt-line-height-md);background:var(--zt-table-body-background);padding:10px 16px}.zt-table--striped .zt-table__tbody>tr:nth-child(2n)>td{background:var(--zt-table-head-background)}.zt-table__left--last{border-right:none!important}.zt-table__left--last:after{content:"";position:absolute;top:0;right:-10px;width:10px;height:100%;opacity:.06;background-image:linear-gradient(90deg,#000000 0%,rgba(0,0,0,0) 100%)}.zt-table__left--fixed{position:-webkit-sticky!important;position:sticky!important;z-index:2}.zt-table__head{display:flex;justify-content:center}.zt-table__head-sort{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;color:var(--zt-table-sort-default)}.zt-table__head-label{line-height:var(--zt-table-head-height)}.zt-table__head-label-ellipsis{width:100%}.zt-table__sort-active{color:var(--zt-table-sort-active)}.zt-table--skeleton{background-color:#fff;padding-bottom:10px}.zt-table__row{display:flex;box-sizing:border-box;padding:0 10px;height:40px}.zt-table__row--head{display:flex;justify-content:center;align-items:center;background-color:#e7f0fb;margin-bottom:8px}.zt-table__row--head .zt-table__col-item{background-color:#cfdae9;height:20px}.zt-table__col{display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:1;padding:4px 6px;height:40px}.zt-table__col-item{width:100%;height:100%;border-radius:4px;background-color:rgba(45,75,115,.06)}.zt-table--animate{animation:zt-table-blink var(--zt-skeleton-duration) ease-in-out infinite}@keyframes zt-table-blink{50%{opacity:.6}}
+:root{--zt-table-head-color: var(--zt-primary-color);--zt-table-head-height: 40px;--zt-table-head-background: #e6f5ff;--zt-table-body-height: 40px;--zt-table-body-color: var(--zt-gray);--zt-table-body-background: var(--zt-white);--zt-table-sort-default: var(--zt-gray-5);--zt-table-sort-active: var(--zt-primary-color)}:root[zt-theme-size=large]{--zt-table-head-height: 52px}.zt-base-hair{position:relative}.zt-base-hair:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table table{border-collapse:separate;border-spacing:0;width:100%;table-layout:auto;box-sizing:border-box}.zt-table--fixed{overflow:auto scroll}.zt-table--fixed::-webkit-scrollbar{width:0;height:0}.zt-table--fixed table{table-layout:fixed}.zt-table--thead-fixed{position:-webkit-sticky!important;position:sticky!important;z-index:2}.zt-table--bordered{position:relative}.zt-table--bordered:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered:after{border-left-width:var(--zt-border-width)}.zt-table--bordered>table{position:relative}.zt-table--bordered>table:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered>table:after{border-top-width:var(--zt-border-width)}.zt-table--bordered .zt-table__thead>tr>th{position:relative}.zt-table--bordered .zt-table__thead>tr>th:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered .zt-table__thead>tr>th:after{border-right-width:var(--zt-border-width);border-bottom-width:var(--zt-border-width)}.zt-table--bordered .zt-table__tbody>tr>td{position:relative}.zt-table--bordered .zt-table__tbody>tr>td:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered .zt-table__tbody>tr>td:after{border-right-width:var(--zt-border-width);border-bottom-width:var(--zt-border-width)}.zt-table__thead>tr>th{box-sizing:border-box;overflow-wrap:break-word;min-height:var(--zt-table-head-height);font-weight:600;font-size:var(--zt-font-size-md);color:var(--zt-table-head-color);text-align:center;line-height:var(--zt-table-head-height);background:var(--zt-table-head-background)}.zt-table__tbody>tr>td{box-sizing:border-box;overflow-wrap:break-word;min-height:var(--zt-table-body-height);font-size:var(--zt-font-size-md);color:var(--zt-table-body-color);text-align:center;line-height:var(--zt-line-height-md);background:var(--zt-table-body-background);padding:10px 16px}.zt-table--striped .zt-table__tbody>tr:nth-child(2n)>td{background:var(--zt-table-head-background)}.zt-table__left--last{border-right:none!important}.zt-table__left--last:after{content:"";position:absolute;top:0;right:-10px;width:10px;height:100%;opacity:.06;background-image:linear-gradient(90deg,#000000 0%,rgba(0,0,0,0) 100%)}.zt-table__right--last{border-left:none!important}.zt-table__right--last:after{content:"";position:absolute;top:0;left:-10px;width:10px;height:100%;opacity:.06;background-image:linear-gradient(-90deg,#000000 0%,rgba(0,0,0,0) 100%)}.zt-table__right--fixed,.zt-table__left--fixed{position:-webkit-sticky!important;position:sticky!important;z-index:2}.zt-table__head{display:flex;justify-content:center}.zt-table__head-sort{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;color:var(--zt-table-sort-default)}.zt-table__head-label{line-height:var(--zt-table-head-height)}.zt-table__head-label-ellipsis{width:100%}.zt-table__sort-active{color:var(--zt-table-sort-active)}.zt-table--skeleton{background-color:#fff;padding-bottom:10px}.zt-table__row{display:flex;box-sizing:border-box;padding:0 10px;height:40px}.zt-table__row--head{display:flex;justify-content:center;align-items:center;background-color:#e7f0fb;margin-bottom:8px}.zt-table__row--head .zt-table__col-item{background-color:#cfdae9;height:20px}.zt-table__col{display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:1;padding:4px 6px;height:40px}.zt-table__col-item{width:100%;height:100%;border-radius:4px;background-color:rgba(45,75,115,.06)}.zt-table--animate{animation:zt-table-blink var(--zt-skeleton-duration) ease-in-out infinite}@keyframes zt-table-blink{50%{opacity:.6}}